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