QT-常用控件（多元素控件）
目录
前言
QListWidget(纵向列表)
QTableWidget（表格）
QTreeWidget
前言
QListWidget--------->列表
QListView
QTableWidget-------->表格
QTableView
QTreeWidget---------->树状结构
QTreeView
widget与view的区别在于，view是更加底层的，而widget是基于view进行封装实现的。
-
MVC 是软件开发中经典的软件结构组织形式，包含：
- M model 数据
- V view 视图 (界面)
- C controller 控制器，处理数据和视图之间的业务流程
-
xxView 仅负责实现视图，不处理数据存储表示和数据视图交互
-
使用 xxView 需要程序员自己实现 model 和 controller 部分，比较麻烦
-
xxWidget 基于 xxView，同时实现了 model 和 controller，提供了方便的 API，使用简单
QListWidget(纵向列表)
核心方法：
样例：
#include "widget.h"
#include "ui_widget.h"
#include<QDebug>
Widget::Widget(QWidget *parent): QWidget(parent), ui(new Ui::Widget)
{ui->setupUi(this);ui->listWidget->addItem("C++");ui->listWidget->addItem("Java");ui->listWidget->addItem("Python");
}Widget::~Widget()
{delete ui;
}void Widget::on_pushButton_clicked()
{QString text=ui->lineEdit->text();if(text!=nullptr)ui->listWidget->addItem(text);
}void Widget::on_pushButton_2_clicked(bool checked)
{int row=ui->listWidget->currentRow();if(row<0)return;ui->listWidget->takeItem(row);
}void Widget::on_listWidget_currentItemChanged(QListWidgetItem *current, QListWidgetItem *previous)
{if(current!=nullptr)qDebug()<<"cur"<<current->text();if(previous!=nullptr)qDebug()<<"pre"<<previous->text();
}样例
QTableWidget（表格）
表格每一行是一个QTableWidget Item对象
表格的创建操作：
ui->setupUi(this);// 创建 3 行
ui->tableWidget->insertRow(0);
ui->tableWidget->insertRow(1);
ui->tableWidget->insertRow(2);// 创建 3 个列
ui->tableWidget->insertColumn(0);
ui->tableWidget->insertColumn(1);
ui->tableWidget->insertColumn(2);// 给 3 个列设定列名（设置水平方向的表头）
ui->tableWidget->setHorizontalHeaderItem(0, new QTableWidgetItem("学号"));
ui->tableWidget->setHorizontalHeaderItem(1, new QTableWidgetItem("姓名"));
ui->tableWidget->setHorizontalHeaderItem(2, new QTableWidgetItem("年龄"));// 给表格中添加数据
ui->tableWidget->setItem(0, 0, new QTableWidgetItem("1001"));
ui->tableWidget->setItem(0, 1, new QTableWidgetItem("张三"));
ui->tableWidget->setItem(0, 2, new QTableWidgetItem("20"));ui->tableWidget->setItem(1, 0, new QTableWidgetItem("1002"));
ui->tableWidget->setItem(1, 1, new QTableWidgetItem("李四"));
ui->tableWidget->setItem(1, 2, new QTableWidgetItem("19"));ui->tableWidget->setItem(2, 0, new QTableWidgetItem("1003"));
ui->tableWidget->setItem(2, 1, new QTableWidgetItem("王五"));
ui->tableWidget->setItem(2, 2, new QTableWidgetItem("23"));通过按钮进行行的增删
void Widget::on_pushButton_insertRow_clicked()
{// 需要知道当前一共有多少行int rowCount = ui->tableWidget->rowCount();// 在最后一行之后新增行// 注意此处的参数是“下标”，表示你新增之后的这一行是第几行ui->tableWidget->insertRow(rowCount);
}
void Widget::on_pushButton_deleteRow_clicked()
{// 获取到选中的行号int curRow = ui->tableWidget->currentRow();// 删除这一行ui->tableWidget->removeRow(curRow);
}按钮进行列的增删
void Widget::on_pushButton_insertColumn_clicked()
{// 先获取到一共有几列int colCount = ui->tableWidget->columnCount();// 在对应的位置新增一列.ui->tableWidget->insertColumn(colCount);// 设置列名(从输入框中获取到)const QString& text = ui->lineEdit->text();ui->tableWidget->setHorizontalHeaderItem(colCount, new QTableWidgetItem(text));
}
void Widget::on_pushButton_deleteColumn_clicked()
{// 获取到选中的列号int curCol = ui->tableWidget->currentColumn();// 删除这一列ui->tableWidget->removeColumn(curCol);
}QTreeWidget
使用 `QTreeWidget` 表示一个树形控件。里面的每个元素，都是一个 `QTreeWidgetItem`，每个 `QTreeWidgetItem` 可以包含多个文本和图标，每个文本/图标为一个列。 可以给 `QTreeWidget` 设置顶层节点（顶层节点可以有多个），然后再给顶层节点添加子节点，从而构成树形结构。
顶层节点的添加
ui->setupUi(this);
// 设置根节点的名字
ui->treeWidget->setHeaderLabel("动物");// 新增顶层节点
QTreeWidgetItem* item1 = new QTreeWidgetItem();
// 每个节点都可以设置多个列。此处为了简单就只设置一列了。
item1->setText(0, "猫");
// 添加到顶层节点中。
ui->treeWidget->addTopLevelItem(item1);// 新增顶层节点
QTreeWidgetItem* item2 = new QTreeWidgetItem();
// 每个节点都可以设置多个列。此处为了简单就只设置一列了。
item2->setText(0, "狗");
// 添加到顶层节点中。
ui->treeWidget->addTopLevelItem(item2);// 新增顶层节点
QTreeWidgetItem* item3 = new QTreeWidgetItem();
// 每个节点都可以设置多个列。此处为了简单就只设置一列了。
item3->setText(0, "鸟");
// 添加到顶层节点中。
ui->treeWidget->addTopLevelItem(item3);子节点的添加
// 添加一些子节点
QTreeWidgetItem* item4 = new QTreeWidgetItem();
item4->setText(0, "中华田园猫");
item1->addChild(item4);QTreeWidgetItem* item5 = new QTreeWidgetItem();
item5->setText(0, "布偶猫");
item1->addChild(item5);QTreeWidgetItem* item6 = new QTreeWidgetItem();
item6->setText(0, "暹罗猫");
item1->addChild(item6);通过按钮实现节点的添加
void Widget::on_pushButton_insertItem_clicked()
{// 获取到当前选中的节点QTreeWidgetItem* currentItem = ui->treeWidget->currentItem();if (currentItem == nullptr) {return;}// 获取到输入框的内容const QString& text = ui->lineEdit->text();// 构造一个 QTreeWidgetItemQTreeWidgetItem* item = new QTreeWidgetItem();item->setText(0, text);// 插入到选中节点的子节点中currentItem->addChild(item);
}通过按钮实现节点的删除
void Widget::on_pushButton_deleteItem_clicked()
{// 获取到选中的元素QTreeWidgetItem* currentItem = ui->treeWidget->currentItem();if (currentItem == nullptr) {return;}// 删除选中的元素，需要先获取到父元素，通过父元素进行删除QTreeWidgetItem* parent = currentItem->parent();if (parent == nullptr) {// 顶层元素int index = ui->treeWidget->indexOfTopLevelItem(currentItem);ui->treeWidget->takeTopLevelItem(index);} else {// 普通元素parent->removeChild(currentItem);}
}