👩🏽‍🤝‍👨🏾 🧗🏾 🚵🏻 बहु विकल्प QComboBox में 📖 🤱🏻 💬

ध्यान आकर्षित करने के लिए एक तस्वीर
(संभवतः पोस्ट से संबंधित)

कभी-कभी, QComboBox विजेट में कई चयन करने के लिए यह काफी सुविधाजनक है। यह छोटा ट्यूटोरियल आपको दिखाएगा कि यह कैसे करना है।

मुख्य विचार यह है कि QComboBox में उपयोग किए गए मॉडल के तत्वों को Qt :: ItemIsUserCheckable चेक बॉक्स को उठाने की आवश्यकता है, इस प्रकार उन्हें ध्वजांकित किया जाता है । यह विजेट पर चिह्नित वस्तुओं को सूचीबद्ध करने का भी ध्यान रखेगा।

हम MultiListWidget वर्ग की घोषणा करते हैं (संपत्ति और संबंधित जाँच किए गए तरीके, उन तत्वों की सूची तक पहुंच प्रदान करते हैं, जिन्हें हमने पहले सेट किया था या जिन्हें उपयोगकर्ता ने चिह्नित किया था, और कलेक्टचिटिडिट्स विधि ने चिह्नित मॉडल तत्वों को mCheckitItems में संग्रहीत किया है):

class MultiListWidget : public QComboBox { Q_OBJECT Q_PROPERTY(QStringList checkedItems READ checkedItems WRITE setCheckedItems) public: MultiListWidget(); virtual ~MultiListWidget(); QStringList checkedItems() const; void setCheckedItems(const QStringList &items); private: QStringList mCheckedItems; void collectCheckedItems(); };

QComboBox मॉडल में कई संकेत हैं जिनकी हमें आवश्यकता है:

पंक्तियाँ सम्मिलित (const QModelIndex & parent, int start, int end) - मॉडल में तत्वों को जोड़ने पर (AddItem, insertItem, आदि तरीकों को कॉल करके)
पंक्तियों को हटा दिया (const QModelIndex & parent, int start, int end) - जब मॉडल से तत्वों को निकालते हैं (कॉल हटाने की विधि)

इसके अलावा उपयोगी है आइटमचेंज (QStandardItem * आइटम), जो ध्वज सेट या अनियंत्रित (उपयोगकर्ता या प्रोग्रामिक रूप से) होने पर उत्सर्जित होता है।

इन संकेतों के लिए स्लॉट घोषित करें:

 private slots: void slotModelRowsInserted(const QModelIndex &parent, int start, int end); void slotModelRowsRemoved(const QModelIndex &parent, int start, int end); void slotModelItemChanged(QStandardItem *item);

और हम कंस्ट्रक्टर में स्लॉट के साथ सिग्नल को जोड़ेंगे (ध्यान दें कि मॉडल () QAbstractItemModel के लिए एक पॉइंटर लौटाता है, और आइटमचेंज किए गए सिग्नल को QStandardItemModel में उत्सर्जित किया जाता है, इसलिए यहां एक कास्ट की आवश्यकता है):

 MultiListWidget::MultiListWidget() { connect(model(), SIGNAL(rowsInserted(QModelIndex, int, int)), this, SLOT(slotModelRowsInserted(QModelIndex,int,int))); connect(model(), SIGNAL(rowsRemoved(QModelIndex, int, int)), this, SLOT(slotModelRowsRemoved(QModelIndex,int,int))); QStandardItemModel *standartModel = qobject_cast<QStandardItemModel*>(model()); connect(standartModel, SIGNAL(itemChanged(QStandardItem*)), this, SLOT(slotModelItemChanged(QStandardItem*))); } MultiListWidget::~MultiListWidget() { }

अब, हम checkItems () और setCheckedItems (const QStringList और आइटम) विधियों को लागू करते हैं:

 QStringList MultiListWidget::checkedItems() const { return mCheckedItems; } void MultiListWidget::setCheckedItems(const QStringList &items) { //   QStandardItemModel *standartModel = qobject_cast<QStandardItemModel*>(model()); //   ,      disconnect(standartModel, SIGNAL(itemChanged(QStandardItem*)), this, SLOT(slotModelItemChanged(QStandardItem*))); for (int i = 0; i < items.count(); ++i) { //    int index = findText(items.at(i)); if (index != -1) { //    standartModel->item(index)->setData(Qt::Checked, Qt::CheckStateRole); } } //    connect(standartModel, SIGNAL(itemChanged(QStandardItem*)), this, SLOT(slotModelItemChanged(QStandardItem*))); //     collectCheckedItems(); }

संग्रहित नमूने () विधि के अंदर, सब कुछ सरल है - हम मॉडल तत्वों पर चलते हैं, अगर यह जांचा जाता है, तो इसे सूची में जोड़ें:

 void MultiListWidget::collectCheckedItems() { QStandardItemModel *standartModel = qobject_cast<QStandardItemModel*>(model()); mCheckedItems.clear(); for (int i = 0; i < count(); ++i) { QStandardItem *currentItem = standartModel->item(i); Qt::CheckState checkState = static_cast<Qt::CheckState>(currentItem->data(Qt::CheckStateRole).toInt()); if (checkState == Qt::Checked) { mCheckedItems.push_back(currentItem->text()); } } }

मॉडल में एक नया तत्व सम्मिलित करते समय, हमें यह इंगित करना होगा कि यह एक चिह्नित उपयोगकर्ता होगा और शुरू में अनियंत्रित:

 void MultiListWidget::slotModelRowsInserted(const QModelIndex &parent, int start, int end) { //     (void)parent; QStandardItemModel *standartModel = qobject_cast<QStandardItemModel*>(model()); disconnect(standartModel, SIGNAL(itemChanged(QStandardItem*)), this, SLOT(slotModelItemChanged(QStandardItem*))); for (int i = start; i <= end; ++i) { standartModel->item(i)->setFlags(Qt::ItemIsUserCheckable | Qt::ItemIsEnabled); standartModel->item(i)->setData(Qt::Unchecked, Qt::CheckStateRole); } connect(standartModel, SIGNAL(itemChanged(QStandardItem*)), this, SLOT(slotModelItemChanged(QStandardItem*))); }

मॉडल से आइटम निकालते समय, आपको उन्हें mCheckedItems से निकालने की भी आवश्यकता होती है। हम collectCheckedItems () का उपयोग करते हैं:

 void MultiListWidget::slotModelRowsRemoved(const QModelIndex &parent, int start, int end) { (void)parent; (void)start; (void)end; collectCheckedItems(); }

स्लॉट स्लॉट मेंमॉडलईमचैनडेज (QStandardItem * आइटम), हम चिह्नित तत्वों को इकट्ठा करते हैं:

 void MultiListWidget::slotModelItemChanged(QStandardItem *item) { (void)item; collectCheckedItems(); }

हम वर्ग घोषणा और इसके कार्यान्वयन को क्रमशः, multilist.h और multilist.cpp में रखते हैं, और कार्रवाई में MultiListWidget की कोशिश करते हैं (फ़ाइल main.cpp):

 #include "multilist.h" int main(int argc, char *argv[]) { QApplication app(argc, argv); MultiListWidget *multiList = new MultiListWidget(); multiList->addItems(QStringList() << "One" << "Two" << "Three" << "Four"); multiList->setCheckedItems(QStringList() << "One" << "Three"); QHBoxLayout *layout = new QHBoxLayout(); layout->addWidget(new QLabel("Select items:")); layout->addWidget(multiList, 1); QWidget widget; widget.setWindowTitle("MultiList example"); widget.setLayout(layout); widget.show(); return app.exec(); }

बुरा नहीं है, लेकिन यह विजेट पर चिह्नित तत्वों की एक सूची प्रदर्शित करने के लिए बना हुआ है। ऐसा करने के लिए, कक्षा में (एक बंद खंड में) आउटपुट के लिए पाठ संग्रहीत करने के लिए एक चर घोषित करें, एक आयत के लिए एक डेल्टा (एक स्पष्टीकरण नीचे होगा), जिसके भीतर यह पाठ खींचा जाएगा, और एक विधि जो आउटपुट के लिए पाठ को अपडेट करती है: चिह्नित तत्वों की सूची को बदलते हुए:

 QString mDisplayText; const QRect mDisplayRectDelta; void updateDisplayText();

निर्माण में mDisplayRectDelta आरंभीकरण जोड़ें:

 MultiListWidget::MultiListWidget() : mDisplayRectDelta(4, 1, -25, 0) { ... }

अब, चलो updateDisplayText () पर करीब से नज़र डालें:

 void MultiListWidget::updateDisplayText() { //    , mDisplayRectDelta   ""  //   ,    ,   QRect textRect = rect().adjusted(mDisplayRectDelta.left(), mDisplayRectDelta.top(), mDisplayRectDelta.right(), mDisplayRectDelta.bottom()); QFontMetrics fontMetrics(font()); //   mDisplayText = mCheckedItems.join(", "); //      if (fontMetrics.size(Qt::TextSingleLine, mDisplayText).width() > textRect.width()) { //   ,       while (mDisplayText != "" && fontMetrics.size(Qt::TextSingleLine, mDisplayText + "...").width() > textRect.width()) { mDisplayText.remove(mDisplayText.length() - 1, 1); } //   mDisplayText += "..."; } }

पाठ आकर्षित करने के लिए, आपको वर्चुअल विधि पेंटईवेंट (QPaintEvent * घटना) को ओवरराइड करना चाहिए। विजेट के आकार बदलने पर पाठ की सीमाओं में परिवर्तन होने के बाद से आपको रिसाइवर (क्यूरीसेईवेंट * ईवेंट) विधि को भी ओवरराइड करना होगा। यहाँ इन विधियों की घोषणा है:

 protected: virtual void paintEvent(QPaintEvent *event); virtual void resizeEvent(QResizeEvent *event);

और उनका कार्यान्वयन:

 void MultiListWidget::paintEvent(QPaintEvent *event) { (void)event; QStylePainter painter(this); painter.setPen(palette().color(QPalette::Text)); QStyleOptionComboBox option; initStyleOption(&option); //     painter.drawComplexControl(QStyle::CC_ComboBox, option); //     QRect textRect = rect().adjusted(mDisplayRectDelta.left(), mDisplayRectDelta.top(), mDisplayRectDelta.right(), mDisplayRectDelta.bottom()); //   painter.drawText(textRect, Qt::AlignVCenter, mDisplayText); } void MultiListWidget::resizeEvent(QResizeEvent *event) { (void)event; updateDisplayText(); }

यह केवल मॉडल तत्वों की सूची को बदलने के बाद प्रदर्शित पाठ को अपडेट करने के बाद ही रहता है। कॉल को अपडेट करें AddDisplayText () collectCheckedItems () के अंत में और विजेट को फिर से बनाएं:

 void MultiListWidget::setCheckedItems(const QStringList &items) { ... updateDisplayText(); repaint(); }

जीटीके और मैक की शैलियों में, एक बग है जिसमें विस्तारित सूची में झंडे प्रदर्शित नहीं होते हैं। इस बग के चारों ओर काम करने के लिए, आपको विजेट की स्टाइलशीट में कॉम्बोक्स-पॉपअप मान सेट करना होगा (इस कोड को कंस्ट्रक्टर में डालें):

 setStyleSheet("QComboBox { combobox-popup: 1px }");

चित्र:

स्रोत कोड:

multilist.h

 #ifndef MULTILIST_H #define MULTILIST_H #include <QtGui> class MultiListWidget : public QComboBox { Q_OBJECT Q_PROPERTY(QStringList checkedItems READ checkedItems WRITE setCheckedItems) public: MultiListWidget(); virtual ~MultiListWidget(); QStringList checkedItems() const; void setCheckedItems(const QStringList &items); protected: virtual void paintEvent(QPaintEvent *event); virtual void resizeEvent(QResizeEvent *event); private: QStringList mCheckedItems; void collectCheckedItems(); QString mDisplayText; const QRect mDisplayRectDelta; void updateDisplayText(); private slots: void slotModelRowsInserted(const QModelIndex &parent, int start, int end); void slotModelRowsRemoved(const QModelIndex &parent, int start, int end); void slotModelItemChanged(QStandardItem *item); }; #endif // MULTILIST_H

multilist.cpp

 #include "multilist.h" MultiListWidget::MultiListWidget() : mDisplayRectDelta(4, 1, -25, 0) { setStyleSheet("QComboBox { combobox-popup: 1px }"); connect(model(), SIGNAL(rowsInserted(QModelIndex, int, int)), this, SLOT(slotModelRowsInserted(QModelIndex,int,int))); connect(model(), SIGNAL(rowsRemoved(QModelIndex, int, int)), this, SLOT(slotModelRowsRemoved(QModelIndex,int,int))); QStandardItemModel *standartModel = qobject_cast<QStandardItemModel*>(model()); connect(standartModel, SIGNAL(itemChanged(QStandardItem*)), this, SLOT(slotModelItemChanged(QStandardItem*))); } MultiListWidget::~MultiListWidget() { } QStringList MultiListWidget::checkedItems() const { return mCheckedItems; } void MultiListWidget::setCheckedItems(const QStringList &items) { QStandardItemModel *standartModel = qobject_cast<QStandardItemModel*>(model()); disconnect(standartModel, SIGNAL(itemChanged(QStandardItem*)), this, SLOT(slotModelItemChanged(QStandardItem*))); for (int i = 0; i < items.count(); ++i) { int index = findText(items.at(i)); if (index != -1) { standartModel->item(index)->setData(Qt::Checked, Qt::CheckStateRole); } } connect(standartModel, SIGNAL(itemChanged(QStandardItem*)), this, SLOT(slotModelItemChanged(QStandardItem*))); collectCheckedItems(); } void MultiListWidget::paintEvent(QPaintEvent *event) { (void)event; QStylePainter painter(this); painter.setPen(palette().color(QPalette::Text)); QStyleOptionComboBox option; initStyleOption(&option); painter.drawComplexControl(QStyle::CC_ComboBox, option); QRect textRect = rect().adjusted(mDisplayRectDelta.left(), mDisplayRectDelta.top(), mDisplayRectDelta.right(), mDisplayRectDelta.bottom()); painter.drawText(textRect, Qt::AlignVCenter, mDisplayText); } void MultiListWidget::resizeEvent(QResizeEvent *event) { (void)event; updateDisplayText(); } void MultiListWidget::collectCheckedItems() { QStandardItemModel *standartModel = qobject_cast<QStandardItemModel*>(model()); mCheckedItems.clear(); for (int i = 0; i < count(); ++i) { QStandardItem *currentItem = standartModel->item(i); Qt::CheckState checkState = static_cast<Qt::CheckState>(currentItem->data(Qt::CheckStateRole).toInt()); if (checkState == Qt::Checked) { mCheckedItems.push_back(currentItem->text()); } } updateDisplayText(); repaint(); } void MultiListWidget::updateDisplayText() { QRect textRect = rect().adjusted(mDisplayRectDelta.left(), mDisplayRectDelta.top(), mDisplayRectDelta.right(), mDisplayRectDelta.bottom()); QFontMetrics fontMetrics(font()); mDisplayText = mCheckedItems.join(", "); if (fontMetrics.size(Qt::TextSingleLine, mDisplayText).width() > textRect.width()) { while (mDisplayText != "" && fontMetrics.size(Qt::TextSingleLine, mDisplayText + "...").width() > textRect.width()) { mDisplayText.remove(mDisplayText.length() - 1, 1); } mDisplayText += "..."; } } void MultiListWidget::slotModelRowsInserted(const QModelIndex &parent, int start, int end) { (void)parent; QStandardItemModel *standartModel = qobject_cast<QStandardItemModel*>(model()); disconnect(standartModel, SIGNAL(itemChanged(QStandardItem*)), this, SLOT(slotModelItemChanged(QStandardItem*))); for (int i = start; i <= end; ++i) { standartModel->item(i)->setFlags(Qt::ItemIsUserCheckable | Qt::ItemIsEnabled); standartModel->item(i)->setData(Qt::Unchecked, Qt::CheckStateRole); } connect(standartModel, SIGNAL(itemChanged(QStandardItem*)), this, SLOT(slotModelItemChanged(QStandardItem*))); } void MultiListWidget::slotModelRowsRemoved(const QModelIndex &parent, int start, int end) { (void)parent; (void)start; (void)end; collectCheckedItems(); } void MultiListWidget::slotModelItemChanged(QStandardItem *item) { (void)item; collectCheckedItems(); }

main.cpp

 #include "multilist.h" int main(int argc, char *argv[]) { QApplication app(argc, argv); MultiListWidget *multiList = new MultiListWidget(); multiList->addItems(QStringList() << "One" << "Two" << "Three" << "Four"); multiList->setCheckedItems(QStringList() << "One" << "Three"); QHBoxLayout *layout = new QHBoxLayout(); layout->addWidget(new QLabel("Select items:")); layout->addWidget(multiList, 1); QWidget widget; widget.setWindowTitle("MultiList example"); widget.setLayout(layout); widget.show(); return app.exec(); }

आपका ध्यान के लिए धन्यवाद!

बहु विकल्प QComboBox में

More articles: