Qt QTableView插入控件,qss设计

已于 2024-06-21 10:42:42 修改
阅读量249 收藏
点赞数 5
分类专栏： QT 文章标签： qt 开发语言
于 2024-06-21 10:04:49 首次发布
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_32863863/article/details/139853161
版权

环境

Qt 5.4.2

功能

Qt QTableView插入控件,qss设计

源码

1.mainwindow.h

class MyComboBox;
class MyDoubleSpinBox;

class MainWindow : public QMainWindow
{
    Q_OBJECT
public:
    explicit MainWindow(QWidget *parent = 0);
    ~MainWindow();
private:
    Ui::MainWindow *ui;
protected:
    bool eventFilter(QObject *obj, QEvent *event);
private:
    QStandardItemModel *tableModel;
    QStringList sCmbArray;
    bool isInitLoad;
private:
    void InitTableView();
    void LoadTableView();

    void TableAddComboBox(int row, int col,QString text);
    void TableAddDSpinBox(int row, int col,double value);
private slots:
    void slot_currentTextChanged(int row,int col,QString text);
    void slot_currentValueChanged(int row,int col,double value);
    void slot_itemChanged(QStandardItem *item);
    void on_tableView_clicked(const QModelIndex &index);
};


//自定义QComboBox
class MyComboBox : public QComboBox
{
    Q_OBJECT
public:
    explicit MyComboBox(){}
    explicit MyComboBox(const QStringList &list){this->addItems(list);}
    ~MyComboBox(){}
public:
    void SetTableID(int tableRow, int tableCol)
    {
        row = tableRow;
        col = tableCol;
        connect(this,SIGNAL(currentTextChanged(QString)),this,SLOT(slot_currentTextChanged(QString)));
    }

signals:
    void currentChanged(int row,int col,QString text);
private slots:
    void slot_currentTextChanged(QString text){emit currentChanged(row,col,text);}
private:
    int  row;
    int  col;
};

//自定义QDoubleSpinBox
class MyDoubleSpinBox : public QDoubleSpinBox
{
    Q_OBJECT
public:
    explicit MyDoubleSpinBox(double value = 0)
    {
        this->setValue(value);
        this->setDecimals(1);

        this->setMinimum(0);
        this->setMaximum(100);
    }

    ~MyDoubleSpinBox(){}

public:
    void SetTableID(int tableRow, int tableCol)
    {
        row = tableRow;
        col = tableCol;
        connect(this,SIGNAL(valueChanged(double)),this,SLOT(slot_valueChanged(double)));
    }
signals:
    void currentValueChanged(int row,int col,double value);
private slots:
    void slot_valueChanged(double value){emit currentValueChanged(row,col,value);}
private:
    int  row;
    int  col;
};

2.mainwindow.cpp

#include "mainwindow.h"
#include "ui_mainwindow.h"

MainWindow::MainWindow(QWidget *parent) :
    QMainWindow(parent),
    ui(new Ui::MainWindow)
{
    ui->setupUi(this);
    InitTableView();
    LoadTableView();
}

bool MainWindow::eventFilter(QObject *obj, QEvent *event)
{
    //屏蔽控件滚轮事件
    if(obj->inherits("QAbstractSpinBox")||obj->inherits("QComboBox")) {
        if(event->type() == QEvent::Wheel) return true;
    }
    return QWidget::eventFilter(obj, event);
}

void MainWindow::InitTableView()
{
    ui->tableView->verticalHeader()->setVisible(true);
    ui->tableView->horizontalHeader()->setVisible(true);

    tableModel = new QStandardItemModel();
    ui->tableView->setModel(tableModel);

    tableModel->setHorizontalHeaderItem(0, new QStandardItem("学号") );
    tableModel->setHorizontalHeaderItem(1, new QStandardItem("姓名"));
    tableModel->setHorizontalHeaderItem(2, new QStandardItem("性别"));
    tableModel->setHorizontalHeaderItem(3, new QStandardItem("成绩"));
    tableModel->setHorizontalHeaderItem(4, new QStandardItem("备注"));

    ui->tableView->horizontalHeader()->setMinimumHeight(35);

    ui->tableView->horizontalHeader()->setSectionResizeMode(0, QHeaderView::Fixed);
    ui->tableView->horizontalHeader()->setSectionResizeMode(1, QHeaderView::Fixed);
    ui->tableView->horizontalHeader()->setSectionResizeMode(2, QHeaderView::Fixed);
    ui->tableView->horizontalHeader()->setSectionResizeMode(3, QHeaderView::Fixed);
    ui->tableView->horizontalHeader()->setSectionResizeMode(4, QHeaderView::Stretch);

    ui->tableView->setColumnWidth(0, 100);
    ui->tableView->setColumnWidth(1, 100);
    ui->tableView->setColumnWidth(2, 80);
    ui->tableView->setColumnWidth(3, 80);

    connect(tableModel,SIGNAL(itemChanged(QStandardItem*)),this,SLOT(slot_itemChanged(QStandardItem*)));

}

void MainWindow::LoadTableView()
{
    isInitLoad = true;

    sCmbArray.clear();
    sCmbArray << "男" << "女";

    QString data = "";

    for(int i = 0; i < 20; i++)
    {
        data = "  " + QString::number(i) + "  ";
        tableModel->setVerticalHeaderItem(i, new QStandardItem(data) );

        data = "2024" + QString::number(10000 + i);
        tableModel->setItem(i, 0, new QStandardItem(data) );

        data = "学生" + QString::number(i);
        tableModel->setItem(i, 1, new QStandardItem(data) );

        tableModel->setItem(i, 4, new QStandardItem("" ) );

        if(i %2  == 0) TableAddComboBox(i,2,"男");
        else TableAddComboBox(i,2,"女");

        TableAddDSpinBox(i,3,60);
        ui->tableView->setRowHeight(i,35);

    }

    on_tableView_clicked(tableModel->index(0,0));
    isInitLoad = false;

}

void MainWindow::TableAddComboBox(int row, int col, QString text)
{
    MyComboBox * myComboBox = new MyComboBox(sCmbArray);
    myComboBox->SetTableID(row,col);
    myComboBox->setCurrentText(text);
    connect(myComboBox,SIGNAL(currentChanged(int,int,QString)),this,SLOT(slot_currentTextChanged(int,int,QString)));

    myComboBox->setView(new QListView()); //QSS生效
    myComboBox->installEventFilter(this); //取消鼠标滚轮事件
    ui->tableView->setIndexWidget(tableModel->index(row,col),myComboBox);
}

void MainWindow::TableAddDSpinBox(int row, int col, double value)
{
    MyDoubleSpinBox * mySpinBox = new MyDoubleSpinBox(value);
    mySpinBox->SetTableID(row,col);
    connect(mySpinBox,SIGNAL(currentValueChanged(int,int,double)),this,SLOT(slot_currentValueChanged(int,int,double)));
    ui->tableView->setIndexWidget(tableModel->index(row,col),mySpinBox);
    mySpinBox->installEventFilter(this); //取消鼠标滚轮事件
}

void MainWindow::slot_currentTextChanged(int row, int col, QString text)
{
    if(isInitLoad) { return; }
    QString showMsg = "修改: row:" + QString::number(row) + ",col:" + QString::number(col)  + ",txt:" + text;
    ui->plainTextEdit_Change->setPlainText(showMsg);

}

void MainWindow::slot_currentValueChanged(int row, int col, double value)
{
    if(isInitLoad) { return; }
    QString showMsg = "修改: row:" + QString::number(row) + ",col:" + QString::number(col)  + ",txt:" + QString::number(value,'f',1);
    ui->plainTextEdit_Change->setPlainText(showMsg);
}

void MainWindow::slot_itemChanged(QStandardItem *item)
{
    if(isInitLoad) { return; }
    QString showMsg = "修改: row:" + QString::number(item->row()) + ",col:" + QString::number(item->column())  + ",txt:" + tableModel->index(item->row(),item->column()).data().toString();
    ui->plainTextEdit_Change->setPlainText(showMsg);
}
void MainWindow::on_tableView_clicked(const QModelIndex &index)
{
    QString showMsg = "选中: " + tableModel->index(index.row(),0).data().toString()+ ",";
    showMsg += tableModel->index(index.row(),1).data().toString()+ ",";
    MyComboBox * myComboBox = (MyComboBox*)ui->tableView->indexWidget(tableModel->index(index.row(),2));
    showMsg += myComboBox->currentText()  + ",";
    MyDoubleSpinBox * mySpinBox = (MyDoubleSpinBox*)ui->tableView->indexWidget(tableModel->index(index.row(),3));
    showMsg += QString::number(mySpinBox->value(),'f',1) + "," + tableModel->index(index.row(),4).data().toString();
    ui->plainTextEdit_Click->setPlainText(showMsg);
}

3.部分qss

QTableView
{
   border-radius: 5px;
   border:1px solid  rgb(120, 120, 120);
   gridline-color: rgb(120, 120, 120);
   background:#d9d9d9;
}
QTableView::item::selected
{
   background:#dccdc6;
   color: rgb(0, 0, 0);
}
QHeaderView {
   background:rgb(188, 188, 188);
   font: 12pt "等线";
}

QHeaderView::section 
{
   background-color:transparent ;
   border:1px solid  rgb(120, 120, 120);
}
QHeaderView::section:hover 
{
   background:rgb(188, 188, 188);
   border:1px solid  rgb(120, 120, 120);
}
QTableCornerButton::section
{
   background:rgb(188, 188, 188);
}
QTableView::item::focus
{
   border:1px solid #3D7B8A;
}
QLineEdit{
  selection-background-color:#3D7B8A;
  selection-color: #F2F2F2; 
}
QLineEdit:focus
{
  border:2px solid #3D7B8A;
}

QComboBox{
  font: 12pt "等线";
  color: rgb(0, 0, 0);
  border:1px solid  rgb(120, 120, 120);
  background:#cad5dc;
}
QComboBox:hover{
  border:1px solid  rgb(160, 160, 160);  
}
QComboBox:focus{
  border:1px solid  rgb(200, 200, 200);
}
QComboBox:on{
 border:1px solid  rgb(180, 180, 180);
}
QComboBox::drop-down{
border:0px solid rgb(180, 180, 180);
}
QComboBox::down-arrow{
    position: absolute;
    right:3px;
    width:30px;
    height:20px;
	image: url(:/arrow.png);
}

QComboBox QAbstractItemView
{
  background:#d9d9d9;
}

QComboBox QAbstractItemView::item
{
    height: 24px;
    color: rgb(0, 0, 0);
}
 
QComboBox QAbstractItemView::item:selected
{	
    background:#cad5dc;
}

QComboBox:disabled{
    color: rgb(150, 150, 150);
}
QDoubleSpinBox {
  color: rgb(0, 0, 0);
  font: 12pt "等线";
  border-radius: 0px;
  border:1px solid  rgb(120, 120, 120);
  background:#cad5dc;

  selection-background-color:#3D7B8A;
  selection-color: #F2F2F2; 
}

QDoubleSpinBox::up-button {
  subcontrol-origin:border;
  subcontrol-position:top right;
  border-image:url(:/sortUp.png);
  border-width:0px;
}
QDoubleSpinBox::up-button:hover {
   background:rgb(100,100,100);
}
QDoubleSpinBox::up-button:pressed {
   background:rgb(80,80,80);
}
QDoubleSpinBox::down-button {
	subcontrol-origin:border;
	subcontrol-position:bottom right;
	width:16px;
    border-image:url(:/sortDown.png);
	border-width:0px;
}

/* 向下按钮 */
QDoubleSpinBox::down-button:hover {
    background:rgb(100,100,100);
}
/* 向下按钮 */
QDoubleSpinBox::down-button:pressed {
   background:rgb(80,80,80);
}
/* 向下按钮里的小箭头 */
QDoubleSpinBox:disabled{
color: rgb(150, 150, 150);
}

运行

在这里插入图片描述

HaileyEmma
关注
  • 5
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
QT各种控件常用样式表qss示例
野生猿-群号1025127672
07-11 2800
如上图所示，表头的文字区域，变成了颜色更深的深绿色，这是因为这个区域的颜色，实际上是3层颜色的叠加：QTableView整体的绿色+QHeadView表头整体的黑色半透明+section表头文字区域黑色半透明。这个控件比较复杂，里面包含了滑动条、表头（又细分为内容区/空白区）、表格、整体、左上角按钮等多种不同的元素，他们之间有复杂的叠层关系。下面设置表头背景色，黑色，半透明，透明度为50。发现这个绿色背景并没有作用于整体，表头部分仍然为白色，那是因为表头在顶层，遮住了QTableView的绿色背景。
Qt控件QSS示例以及介绍
RDC01的博客
10-11 1493
Qt中样式设置大全： 颜色配色大全参考网址：https://www.mdui.org/docs/color 1类选择器 基本语法: selector{attribute:value}; 在上面这条语句中，selector代表选择器，指明了哪个控件将会受到规则影响，{attribute:value;}代表声明语句，其中attribute代表属性，value表示该属性的值。 例如： QPushButton{color：red；}表示将我们的应用程序中的所有QPushButton对象以及他的子类对象应该使用red
Qt样式表，针对QTableview设置qss举例
weixin_45872365的博客
02-28 956
qss基础
QT的QTableview控件隔行交替变色
zaozao_的博客
04-27 1679
//交替行色 if(!ui->tableView->alternatingRowColors()){ ui->tableView->setAlternatingRowColors(true); }
QT自定义控件（Widget+QSS）
u010679316的博客
11-05 6481
通过样式表定制控件外观
QT-qss样式化QTableView，QTreeView，QTableWidget
weixin_45590571的博客
12-18 4253
qss样式化QTableView，QTreeView，QTableWidget QHeaderView // QTableWidget 标题头整个区域 { background:transparent; // 整个标题头区域背景色 } QHeaderView::section // 标题头 每个单独的标题区域 { font-size:14px; // 每个标题的字体大小 font-
Qt之QTableView
mingxinke的专栏
01-28 1214
之前有讲解过QTableWidget的使用（QTableWidget详解（样式、右键菜单、表头塌陷、多选等）），已经算是很详细了，这节再讲更常用的视图部件QTableView的高级用法。     Qt中有几种纯粹的视图部件：QListView、QTableView、QColumnView、QTreeView，所有的这些视图都必须提供一个模型（无论是自定义，还是Qt中已提供的）来与之配合。
Qt - 常用控件样式表(qss)
weixin_45079970的博客
11-15 2262
Qt - 常用控件样式表(qss)
QSS实践汇总（4）——QTableWidget、QTableView样式（风格）
m0_51668269的博客
11-10 4520
一、 QHeaderView设置不生效 使用QApplication设置styleSheet QStringstrQss; QFilefile; QStringstrDirPath= QApplication::applicationDirPath(); //strPath = QString(":/qss/Resources/CarMonAnaSystemNew.qss"); QStringstrPath= strDirPath+ QString("/../temp/tes...
QTableView 插入按钮等各种控件实例
07-07
一个可编辑的QTableView控件列表，包括按钮，复选框 日期选择，列表选择等按钮在QTableView中的使用，其中包含不同编译器下的源代码调试，QT编译器和Vs2008编译器两个版本。
qt qtableview动态代理
09-14
通过动态代理，在单元格中添加spinbox，checkbox，combobox。
QTableView插入QCheckBox复选框
12-16
QTableView插入QCheckBox复选框,表头插入复选框，表头复选框与其他行复选框关联。
QT QTableView用法总结
06-09
QT QTableView是QT框架中的一种视图控件，用于显示表格数据。下面我们将详细介绍QT QTableView的用法，包括设置表头、设置表格属性、动态添加行等。 一、设置表头 在使用QT QTableView之前，我们需要首先设置表头...
QT 中charts各种图表的综合应用
最新发布
qq_60392176的博客
06-21 368
注：文章为作者编程过程中所遇到的问题和总结，内容仅供参考，若有错误欢迎指出。，对图例进行了一定的设置，还有多个相同控件的信号捕捉等等。友情提示——哪里看不懂可私哦，让我们一起互相进步吧。这里面用了几种数值轴。
QT中利用QMovie实现动态加载效果
十三阿哥的博客
06-20 76
【代码】QT中利用QMovie实现动态加载效果。
qt 如何获取磁盘信息、QStorageInfo
qq_42815643的博客
06-21 1016
以往获取qt磁盘信息，笔者是通过一下API转换的一次偶然的机会发现QT其实已经提供了相关类详细说明QStorageInfo提供有关当前安装的存储和驱动器的信息。允许检索有关卷的空间、挂载点、标签和文件系统名称的信息。可以通过将卷挂载点的路径作为构造函数参数传递来创建的实例，也可以使用（）方法进行设置。静态()方法可用于获取所有挂载文件系统的列表。总是缓存检索到的信息，可以调用() 重置的内部缓存。以下示例打印有关它的信息。打印结果成员函数使用默认构造函数创建的对象将无效，因此无法使用。(),
QT——MySQL数据库联用
鲸落博客
06-18 489
要使用ODBC，首先需要安装相应的ODBC驱动程序，然后在系统中配置ODBC数据源。接着，可以通过编程语言（如C++、Java等）或者数据库工具（如SQL Server Management Studio）来连接和操作数据库。下载地址：Oracle官网下载地址： https://dev.mysql.com/downloads/connector/odbc/在.pro文件中，找到QT这一行，在后面加上sql模块。3)接下来，设置数据库连接的相关信息，比如主机名、用户名、密码、数据库名等，
Qt中qtableview插入复选框
06-09
要在Qt的QTableView中插入复选框，可以使用QCheckBox作为QTableView中的单元格小部件。以下是一个简单的示例： ``` // 创建一个QStandardItemModel，该模型将在QTableView中使用 QStandardItemModel *model = new QStandardItemModel(); // 构建表头 model->setHorizontalHeaderLabels(QStringList() << "Name" << "Age" << "Married"); // 添加数据行 QList<QStandardItem *> row1 = QList<QStandardItem *>() << new QStandardItem("John") << new QStandardItem("30") << new QStandardItem(); QList<QStandardItem *> row2 = QList<QStandardItem *>() << new QStandardItem("Jane") << new QStandardItem("25") << new QStandardItem(); // 创建QCheckBox小部件并将其设置为单元格的小部件 QCheckBox *marriedBox1 = new QCheckBox(); QCheckBox *marriedBox2 = new QCheckBox(); row1[2]->setCheckable(true); row1[2]->setCheckState(Qt::Unchecked); row1[2]->setData(QVariant::fromValue(marriedBox1), Qt::UserRole+1); row2[2]->setCheckable(true); row2[2]->setCheckState(Qt::Unchecked); row2[2]->setData(QVariant::fromValue(marriedBox2), Qt::UserRole+1); // 将数据行添加到模型中 model->appendRow(row1); model->appendRow(row2); // 将模型设置为QTableView的模型 QTableView *tableView = new QTableView(); tableView->setModel(model); // 将QCheckBox小部件添加到单元格中 tableView->setIndexWidget(model->index(0, 2), marriedBox1); tableView->setIndexWidget(model->index(1, 2), marriedBox2); ``` 在上面的示例中，我们使用QStandardItemModel作为QTableView的模型，并将QCheckBox小部件添加到第三列中的单元格中。我们还将QCheckBox存储为QStandardItem的数据，以便稍后可以轻松地访问它。 最后，我们使用setIndexWidget函数将QCheckBox小部件添加到单元格中。

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值