Qt学习之路_9(Qt中Item Widget初步探索)
2014-06-25 20:12
309 查看
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的形式将选择行的内容显示出来。
实验的效果如下:
实验代码及注释如下:
Tree Widget的使用
Tree Wdiget中各个item是有层次关系的,也就是要区分父item和子item。这次实验是参考youtube中C++ Qt教程。完成的功能是在窗体的构造函数中新建几个item,包含了父item和子item,选中其中的一个item然后单击后会更改item里面文本的颜色。因此包含了Tree Widget的设置和读取2种简单的操作。
效果如下:
程序代码和注释如下:
总结:Item Widget在实际应用中比较广泛,其中Qt中的使用也很方便,可以将各种Item widget组合起来用。
作者:tornadomeet 出处:http://www.cnblogs.com/tornadomeet 欢迎转载或分享,但请务必声明文章出处。 (新浪微博:tornadomeet,欢迎交流!)
一般简单的都是用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组合起来用。
作者:tornadomeet 出处:http://www.cnblogs.com/tornadomeet 欢迎转载或分享,但请务必声明文章出处。 (新浪微博:tornadomeet,欢迎交流!)
相关文章推荐
- Qt学习之路_9(Qt中Item Widget初步探索)
- Qt学习之路_9(Qt中Item Widget初步探索)
- Qt学习之路_9(Qt中Item Widget初步探索)
- qt学习:Qt中Item Widget初步探索
- Qt学习之路_9(Qt中Item Widget初步探索)
- Qt:QListWidget的item上实现右键菜单
- Qt实现小功能之列表无限加载(创意很不错:监听滚动条事件,到底部的时候再new QListWidgetItem)
- Qt学习之路_7(线性布局和网格布局初步探索)
- Qt学习之路_7(线性布局和网格布局初步探索)
- Qt编程之右键单击QTreeWidgetItem弹出菜单
- Qt tableWidget item 元素居中的代码设置
- Qt程序卡住不动(QTreeWidgetItem setText)
- Qt中如何在点击控件时获取QTreeWidgetItem绑定控件所在的item
- QT实例:从QListWidget中删除选中的QListWidgetItem
- Qt中 QTableWidgetItem设置编辑状态小技巧
- Qt中文手册 之 QTreeWidgetItem
- Qt学习之QListWidget删除Item
- Qt:解决QListWidget/QTreeWidget选取Item不准确/偏移问题(右键菜单)
- Qt学习之路_4(Qt UDP的初步使用)
- pyqt QtGui.QListWidget.currentItem(QtGui.QListWidget()) is always None