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组合起来用。