Qt学习之路_9(Qt中Item Widget初步探索)

         Qt界面设计中有model-based的List View，有Item-based的List Widget，关于这2者到底有什么区别，暂时也没弄太明白，这些都是界面设计中的设计模式，从MVC发展而来。以后用到的时候自然会明白的。

         一般简单的都是用Item-based的List Widget，Qt中给出了List Widget,Tree Widget,Tabel Widget三种，这里就简单了解一下List Widget和Tree Widget的使用。Tabel Widget的使用应该也类似。

 

         List Widget的使用

         List Widget的使用比较简单，加入数据时直接用addItem()函数。读取数据时采用currentItem->text()方法，本次实验先向List　Widget中写入一些内容，然后单击button按钮时，以消息box的形式将选择行的内容显示出来。

         实验的效果如下：

　　　　

 

实验代码及注释如下：

#include "dialog.h"

#include "ui_dialog.h"

#include <QtCore>

#include <QtGui>



Dialog::Dialog(QWidget *parent) :

    QDialog(parent),

    ui(new Ui::Dialog)

{

    ui->setupUi(this);



    //向listWdget中写入数据

    for (int i = 10; i > 0; i--)

        {

           ui->listWidget->addItem("hello "+QString::number(i));

           ui->listWidget->addItem("world"+QString::number(i));

    }

}



Dialog::~Dialog()

{

    delete ui;

}



void Dialog::on_pushButton_clicked()

{

    //将数据读取出来并以消息box的形式显示出来。

    QMessageBox::information(this, "clicked", ui->listWidget->currentItem()->text());

}

 

         Tree Widget的使用

         Tree Wdiget中各个item是有层次关系的，也就是要区分父item和子item。这次实验是参考youtube中C++ Qt教程。完成的功能是在窗体的构造函数中新建几个item，包含了父item和子item，选中其中的一个item然后单击后会更改item里面文本的颜色。因此包含了Tree Widget的设置和读取2种简单的操作。

         效果如下：

　　　　

 

程序代码和注释如下：

#include "mainwindow.h"



#include "ui_mainwindow.h"



#include <QtGui>



#include <QtCore>



 



MainWindow::MainWindow(QWidget *parent) :



    QMainWindow(parent),



    ui(new Ui::MainWindow)



{



    ui->setupUi(this);



 



    //设置TreeWidget的列数



    ui->treeWidget->setColumnCount(2);



    //给每一列设置标签



    ui->treeWidget->setHeaderLabels(QStringList() << "number" << "good");



    addroot("one","very good");



    addroot("two", "very good");



    addroot("three", "very_good");



 



}



 



MainWindow::~MainWindow()



{



    delete ui;



}



 



void MainWindow::addroot(QString name, QString description)



{



    //从TreeWidget中构造出1个QTreeWidgetItem.



    QTreeWidgetItem *item = new QTreeWidgetItem(ui->treeWidget);



    //向2列加入内容



    item->setText(0, name);



    item->setText(1, description);



    //将该条目置顶,好像是置于下一个条目的底部



    ui->treeWidget->addTopLevelItem(item);



    //增加子条目



    addchild(item, "here1", "very good1");



    addchild(item, "here2", "very good2");



    addchild(item, "here3", "very good3");



}



 



void MainWindow::addchild(QTreeWidgetItem *parent, QString name, QString dscription)



{



    //这里QTreeWidgetItem构造函数时是不需要参数的，因为它被建立后就加载到parent上了



    QTreeWidgetItem *item = new QTreeWidgetItem();



    item->setText(0, name);



    item->setText(1, dscription);



    parent->addChild(item);



}



 



void MainWindow::on_pushButton_clicked()



{



    //如果是设置改变文字的颜色的话，那么当按钮按下后，需要把item中的条目焦点移开才能看到效果



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



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



    //改变文本背景的颜色也是一样的效果



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



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



 



}

 

　　总结：Item Widget在实际应用中比较广泛，其中Qt中的使用也很方便，可以将各种Item widget组合起来用。