在QListView中添加radiobutton
在QListView中添加radiobutton,用到了model/view結(jié)構(gòu),那么首先我們先對(duì)他有個(gè)了解。Model-View-Controller(MVC),是從Smalltalk發(fā)展而來的一種設(shè)計(jì)模式,常被用于構(gòu)建用戶界面。經(jīng)典設(shè)計(jì)模式的著作中有這樣的描述:
MVC 由三種對(duì)象組成。Model是應(yīng)用中的的程序?qū)ο螅琕iew是它的屏幕表示,Controller定義了用戶界面如何對(duì)用戶輸入進(jìn)行響應(yīng)。在MVC之前,用戶界面設(shè)計(jì)傾向于三者揉合在一起,MVC對(duì)它們進(jìn)行了解耦,提高了靈活性與重用性。
假如把view與controller結(jié)合在一起,結(jié)果就是model/view結(jié)構(gòu)。這個(gè)結(jié)構(gòu)依然是把數(shù)據(jù)存儲(chǔ)與數(shù)據(jù)表示進(jìn)行了分離,它與MVC都基于同樣的思想,但它更簡(jiǎn)單一些。這種分離使得在幾個(gè)不同的view上顯示同一個(gè)數(shù)據(jù)成為可能,也可以重新實(shí)現(xiàn)新的view,而不必改變底層的數(shù)據(jù)結(jié)構(gòu)。為了更靈活的對(duì)用戶輸入進(jìn)行處理,引入了delegate這個(gè)概念。它的好處是,數(shù)據(jù)項(xiàng)的渲染與編程可以進(jìn)行定制。
其實(shí)這個(gè)MVC模式,model進(jìn)行數(shù)據(jù)的訪問與處理,view提供顯示,而delegate則負(fù)責(zé)進(jìn)行item的render,Qt中在使用的時(shí)候,如下
1、 Create a existing model
QDirModel *model = new QDirModel;
2 、Create the list view
QListView *list = new QListView(…);
3、 Display the item
list->setModel(model);
4 、Create a existing model
QDirModel *model = new QDirModel;
5、 Create the list view
QListView *list = new QListView(…);
6、 Display the item
list->setModel(model);
至于與delegate的關(guān)聯(lián),我們可以用list->setItemDelegate(new QItemDelegate());
在QListView中,如果我們要使用一個(gè)check box,我們可以直接在model類中data函數(shù)處理
- QVariant data ( const QModelIndex & index, int role = Qt::DisplayRole ) const
- {
- if(role == Qt::CheckStateRole)
- {
- return true;
- }
- .......
- }
這樣在QListView中就可以顯示出勾選的check box,但是如果需要進(jìn)行radio button的顯示,我們還需要進(jìn)行一些相關(guān)處理。
在QItemDelegate中,有一個(gè)drawCheck函數(shù)
- virtual void drawCheck ( QPainter * painter, const QStyleOptionViewItem & option, const QRect & rect, Qt::CheckState state ) const
- {
- if (!rect.isValid())
- return;
- QStyleOptionViewItem opt(option);
- opt.rect = rect;
- optopt.state = opt.state & ~QStyle.:State_HasFocus;
- switch (state) {
- case Qt::Unchecked:
- opt.state |= QStyle.:State_Off;
- break;
- case Qt::PartiallyChecked:
- opt.state |= QStyle.:State_NoChange;
- break;
- case Qt::Checked:
- opt.state |= QStyle.:State_On;
- break;
- }
- QApplication::style()->drawPrimitive(QStyle.:PE_IndicatorViewItemCheck, &opt, painter);
- }
該函數(shù)實(shí)現(xiàn)了check box的繪制,對(duì)于qt來說,check box與radio button在某些方面來說是一樣的,只是在各自的樣式上面的有點(diǎn)不一樣,也就是對(duì)于style的繪制不一樣,于是參考qt中QStyle類,使用QStyle.:PE_IndeicatorRadioButton進(jìn)行重新繪制,就可以變成radio button樣式
QApplication::style()->drawPrimitive(QStyle.:PE_IndicatorRadioButton, &opt, painter);
于是我們重寫一個(gè)drawRadio函數(shù),與drawCheck一樣,就是***一句使用上面處理。
然后我們重寫delegate相關(guān)paint函數(shù),
- void paint ( QPainter * painter, const QStyleOptionViewItem & option, const QModelIndex & index ) const
- {
- QRect checkSpace; //the rect for draw check
- int isCheck = index.model()->data(index, Qt::CheckStateRole).toInt(); //get the index item's check state
- if(isCheck)
- drawRadio(painter, option, checkSpace, Qt::Checked);
- else
- drawRadio(painter, option, checkSpace, Qt::Unchecked);
- ... ... //draw others like display role, decroration role
- }
小結(jié):關(guān)于在QListView中添加radiobutton的內(nèi)容就介紹到這里,Model-View-Controller(MVC),是從Smalltalk發(fā)展而來的一種設(shè)計(jì)模式,常被用于構(gòu)建用戶界面。想必你因該了解了MVC結(jié)構(gòu)了吧!
【編輯推薦】