TableWidget 表格結(jié)構(gòu)組件,該組件可以看作是TreeWidget樹形組件的高級版,表格組件相比于樹結(jié)構(gòu)組件靈活性更高,不僅提供了輸出展示二維表格功能,還可以直接對表格元素直接進(jìn)行編輯與修改操作,表格結(jié)構(gòu)分為表頭,表中數(shù)據(jù)兩部分,表格結(jié)構(gòu)可看作一個二維數(shù)組,通過數(shù)組行列即可鎖定特定元素,如下代碼是針對表格結(jié)構(gòu)的基本使用方法,分別實現(xiàn)了表頭數(shù)據(jù)的初始化,元素的插入等基本操作。
成都創(chuàng)新互聯(lián)是專業(yè)的寧海網(wǎng)站建設(shè)公司,寧海接單;提供網(wǎng)站設(shè)計制作、成都網(wǎng)站建設(shè),網(wǎng)頁設(shè)計,網(wǎng)站設(shè)計,建網(wǎng)站,PHP網(wǎng)站建設(shè)等專業(yè)做網(wǎng)站服務(wù);采用PHP框架,可快速的進(jìn)行寧海網(wǎng)站開發(fā)網(wǎng)頁制作和功能擴(kuò)展;專業(yè)做搜索引擎喜愛的網(wǎng)站,專業(yè)的做網(wǎng)站團(tuán)隊,希望更多企業(yè)前來合作!
在研究Widget組件之前先來熟悉一下View組件,View組件相對Widget組件來說只是不具備編輯功能,其他功能保持一致,View組件支持與數(shù)據(jù)庫建立映射關(guān)系,如果表格無需更新則最好可以使用View組件,View組件創(chuàng)建表格代碼如下。
#include "mainwindow.h"
#include "ui_mainwindow.h"
#include
#include
QStandardItemModel *model = new QStandardItemModel();
MainWindow::MainWindow(QWidget *parent): QMainWindow(parent), ui(new Ui::MainWindow)
{
ui->setupUi(this);
// 初始化tableView表頭
model->setColumnCount(3);
model->setHeaderData(0,Qt::Horizontal,QString("賬號"));
model->setHeaderData(1,Qt::Horizontal,QString("用戶"));
model->setHeaderData(2,Qt::Horizontal,QString("年齡"));
ui->tableView->setModel(model);
ui->tableView->horizontalHeader()->setDefaultAlignment(Qt::AlignLeft); // 表頭居左顯示
//設(shè)置列寬
ui->tableView->setColumnWidth(0,101);
ui->tableView->setColumnWidth(1,102);
}
MainWindow::~MainWindow()
{
delete ui;
}
// 對表格添加數(shù)據(jù)
// https://www.cnblogs.com/lyshark
void MainWindow::on_pushButton_clicked()
{
for(int i = 0; i < 5; i++)
{
model->setItem(i,0,new QStandardItem(""));
//設(shè)置字符顏色
model->item(i,0)->setForeground(QBrush(QColor(255, 0, 0)));
//設(shè)置字符位置
model->item(i,0)->setTextAlignment(Qt::AlignCenter);
model->setItem(i,1,new QStandardItem(QString("lyshark")));
model->setItem(i,2,new QStandardItem(QString("24")));
}
}
代碼運(yùn)行效果如下:
Widget組件的初始化與View組件基本保持一致,當(dāng)程序運(yùn)行時,首先在構(gòu)造函數(shù)中執(zhí)行以下代碼,對表格進(jìn)行初始化。
// https://www.cnblogs.com/lyshark
MainWindow::MainWindow(QWidget *parent): QMainWindow(parent), ui(new Ui::MainWindow)
{
ui->setupUi(this);
QStringList header;
header << "姓名" << "性別" << "年齡";
ui->tableWidget->setColumnCount(header.size()); // 設(shè)置表格的列數(shù)
ui->tableWidget->setHorizontalHeaderLabels(header); // 設(shè)置水平頭
ui->tableWidget->setRowCount(5); // 設(shè)置總行數(shù)
ui->tableWidget->setEditTriggers(QAbstractItemView::NoEditTriggers); // 設(shè)置表結(jié)構(gòu)默認(rèn)不可編輯
// 初始化右側(cè)的編輯框等屬性
ui->radioButton->setChecked(true);
ui->lineEdit_1->setText("");
ui->lineEdit_2->setText("");
// 填充數(shù)據(jù)
QStringList NameList;
NameList << "lyshark A" << "lyshark B" << "lyshark C";
QStringList SexList;
SexList << "男" << "男" << "女";
qint32 AgeList[3] = {22,23,43};
// 針對獲取元素使用 NameList[x] 和使用 NameList.at(x)效果相同
for(int x=0;x< 3;x++)
{
int col =0;
// 添加姓名
ui->tableWidget->setItem(x,col++,new QTableWidgetItem(NameList[x]));
// 添加性別
ui->tableWidget->setItem(x,col++,new QTableWidgetItem(SexList.at(x)));
// 添加年齡
ui->tableWidget->setItem(x,col++,new QTableWidgetItem( QString::number(AgeList[x]) ) );
}
}
MainWindow::~MainWindow()
{
delete ui;
}
代碼運(yùn)行效果如下:
接著就是對Ui中的按鈕增加一些綁定事件,此處我們就通過connect
綁定信號,綁定以下這幾個:
增加添加按鈕信號: 給添加按鈕綁定一個信號槽,點擊按鈕添加
connect(ui->pushButton,&QPushButton::clicked,[=](){
QString Uname = ui->lineEdit_1->text();
QString Usex = "男";
int Uage = 0;
if(ui->radioButton->isChecked())
Usex = "男";
if(ui->radioButton_2->isChecked())
Usex = "女";
Uage =(ui->lineEdit_2->text()).toInt();
// 添加之前,先判斷Uname是否存在于TableWidget中,如果存在返回0不存在返回1
bool isEmpty = ui->tableWidget->findItems(Uname,Qt::MatchExactly).empty();
if(isEmpty)
{
ui->tableWidget->insertRow(0); // 在行首添加一行空列表
ui->tableWidget->setItem(0,0,new QTableWidgetItem(Uname));
ui->tableWidget->setItem(0,1,new QTableWidgetItem(Usex));
ui->tableWidget->setItem(0,2,new QTableWidgetItem( QString::number(Uage)));
}
});
增加刪除按鈕信號: 點擊按鈕刪除選中行
connect(ui->pushButton_2,&QPushButton::clicked,[=](){
bool isEmpty = ui->tableWidget->findItems(ui->lineEdit_1->text(),Qt::MatchExactly).empty();
if(!isEmpty)
{
// 定位到所在行行號
int row = ui->tableWidget->findItems(ui->lineEdit_1->text(),Qt::MatchExactly).first()->row();
// 釋放資源
ui->tableWidget->removeRow(row);
}
});
增加釋放單元格按鈕信號: 獲取當(dāng)前選中單元,并釋放當(dāng)前單格
connect(ui->pushButton_3,&QPushButton::clicked,[=](){
int row = ui->tableWidget->currentRow();
std::cout << row << std::endl;
QTableWidgetItem *table = ui->tableWidget->currentItem();
delete(table);
});
增加修改單元格按鈕信號: 添加修改指定內(nèi)容的處理流程
connect(ui->pushButton_4,&QPushButton::clicked,[=](){
QTableWidgetItem *cellItem;
// 取出當(dāng)前選中行
int curr_row = ui->tableWidget->currentRow();
// 循環(huán)列數(shù)
// https://www.cnblogs.com/lyshark
for(int col=0; coltableWidget->columnCount(); col++)
{
// 尋找到當(dāng)前列的指針
cellItem = ui->tableWidget->item(curr_row,col);
// 循環(huán)輸出列名稱
std::cout << cellItem->text().toStdString().data() << std::endl;
// 先來處理第一個姓名,讀出來并寫回到列表第0列
if(col == 0)
cellItem->setText(ui->lineEdit_1->text());
// 判斷性別,并分別寫回到第1列
if(col == 1)
{
if(ui->radioButton->isChecked())
cellItem->setText("男");
if(ui->radioButton_2->isChecked())
cellItem->setText("女");
}
// 判斷年齡,并寫回到第3列
if(col == 2)
cellItem->setText(ui->lineEdit_2->text());
}
});
信號綁定后,代碼運(yùn)行效果如下: