本文格式為Word版，下載可任意編輯——Qt學(xué)習(xí)之路（Qt中ItemWidget初步摸索）Qt學(xué)習(xí)之路_9(Qt中ItemWidget初步摸索)

Qt界面設(shè)計中有model-based的ListView，有Item-based的ListWidget，關(guān)于這2者終究有什么區(qū)別，暫時也沒弄太明白，這些都是界面設(shè)計中的設(shè)計模式，從MVC發(fā)展而來。以后用到的時候自然會明白的。

一般簡單的都是用Item-based的ListWidget，Qt中給出了ListWidget,TreeWidget,TabelWidget三種，這里就簡單了解一下ListWidget和TreeWidget的使用。TabelWidget的使用應(yīng)當(dāng)也類似。

ListWidget的使用

ListWidget的使用比較簡單，參與數(shù)據(jù)時直接用addItem()函數(shù)。讀取數(shù)據(jù)時采用currentItem->text()方法，本次試驗先向ListWidget中寫入一些內(nèi)容，然后單擊button按鈕時，以消息box的形式將選擇行的內(nèi)容顯示出來。試驗的效果如下：

試驗代碼及解釋如下：

#include\#include\#include#include

Dialog::Dialog(QWidget*parent):QDialog(parent),ui(newUi::Dialog){

ui->setupUi(this);

//向listWdget中寫入數(shù)據(jù)

for(inti=10;i>0;i--){

ui->listWidget->addItem(\+QString::number(i));ui->listWidget->addItem(\+QString::number(i));}}

Dialog::~Dialog(){

deleteui;}

voidDialog::on_pushButton_clicked(){

//將數(shù)據(jù)讀取出來并以消息box的形式顯示出來。QMessageBox::information(this,\,ui->listWidget->currentItem()->text());}

TreeWidget的使用

TreeWdiget中各個item是有層次關(guān)系的，也就是要區(qū)分父item和子item。這次試驗是參考youtube中C++Qt教程。完成的功能是在窗體的構(gòu)造函數(shù)中新建幾個item，包含了父item和子item，選中其中的一個item然后單擊后會更改item里面文本的顏色。因此包含了TreeWidget的設(shè)置和讀取2種簡單的操作。效果如下：

程序代碼和解釋如下：

#include\

#include\

#include

#include

MainWindow::MainWindow(QWidget*parent):

QMainWindow(parent),

ui(newUi::MainWindow){

ui->setupUi(this);

//設(shè)置TreeWidget的列數(shù)

ui->treeWidget->setColumnCount(2);

//給每一列設(shè)置標(biāo)簽

ui->treeWidget->setHeaderLabels(QStringList()treeWidget);

//向2列參與內(nèi)容

item->setText(0,name);

item->setText(1,description);

//將該條目置頂,好像是置于下一個條目的底部

ui->treeWidget->addTopLevelItem(item);

//增加子條目

addchild(item,\,\);

addchild(item,\,\);

addchild(item,\,\);}

voidMainWindow::addchild(QTreeWidgetItem*parent,QStringname,QStringdscription){

//這里QTreeWidgetItem構(gòu)造函數(shù)時是不需要參數(shù)的，由于它被建立后就加載到parent上了

QTreeWidgetItem*item=newQTreeWidgetItem();

item->setText(0,name);

item->setText(1,dscription);

parent->addChild(item);}

voidMainWindow::on_pushButton_clicked(){

//假使是設(shè)置改變文字的顏色的話，那么當(dāng)按鈕按下后，需要把item中的條目焦點(diǎn)移開才能看到效果

//ui->treeWidget->currentItem()->setTextColor(0,Qt::green);

//ui->treeWidget->currentItem()->setTextColor(1,Qt::red);

//改變文本背景的顏色也是一樣的效果

ui->treeWidget->currentItem()->setBackgroundColor(0,Qt::green);

ui->treeWidget->cur