关于在QTableView中列首背景颜色及交替行颜色设置的问题

原创 已于 2024-12-10 16:20:24 修改 · 948 阅读 · 3 ·
CC 4.0 BY-SA版权
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
文章标签：

#css #qt #qt5

于 2024-12-10 16:20:12 首次发布

总结

在使用QTableView进行列表内容展示的时候，经常设置列首的背景颜色和交替行的颜色（单、双行不同颜色）。下面记录一下如何通过在QSS设置样式表来实现。

首先，不能使用如下的方法进行列首背景颜色的设置：

QTableWidget#tableWidget_HistItems::horizontalHeader QHeaderView::section {

    background-color: #253b91;

    color: white;

}

或

QTableWidget#tableWidget_HistItems QHeaderView::section {

    background-color: #253b91;

    color: white;

}

因为QHeaderView并不是QTableWidget的子控件，只有子控件才可以使用：：方法访问并设置。因此，要采用如下方式设置：

1、使用全局选择器，QHeaderView::section，设置样式如下：

QHeaderView::section{

    background-color:#253b91;

    color: white;

    font-family: "Microsoft YaHei Light";

    font-size: 16px;

}

2、不仅要设置QHeaderView::section，还要再设置QHeaderView:。如果只单独设置QHeaderView::section，鼠标点击某一行时，列首的样式会发生变化。样式设置如下：

QHeaderView{

    background-color:#253b91;

    color: white;

    font-family: "Microsoft YaHei Light";

    font-size: 16px;

}

QHeaderView::section{

    background-color:#253b91;

    color: white;

    font-family: "Microsoft YaHei Light";

    font-size: 16px;

}

3、关于交替行的颜色设置，如下：

QTableWidget#tableWidget_HistItems {

    background-color: #062342;

    alternate-background-color:#0f519c;

    border: 1px solid transparent;

    color:white;

    font:16px;

    border-radius: 3px;

    qproperty-alternatingRowColors: "true";

}

       qproperty-alternatingRowColors: "true" 用于启用交替行颜色

       alternate-background-color 设置交替行的颜色

zuanshigan
关注
使用QSS自定义QHeaderView样式
CodeWhizZ的博客
08-23 1196
首先，我们需要在Qt Creator中创建一个QTableView或者QTreeView的界面，并在代码中获取到相应的headerView，然后调用setStyleSheet方法为其添加QSS样式。QHeaderView是Qt中展示表格、列表头部的控件，我们可以通过QHeaderView实现对表格和列表头部的自定义样式。通过自定义QHeaderView的QSS样式，我们可以很方便地实现对表格或者列表头部的自定义样式。上述代码中的QSS样式设置了表头的字体颜色、背景颜色、内边距和边框样式。
QTreeWidget样式qss
weixin_43956958的博客
08-22 5818
QTreeWidget，QHeaderView样式
Qt QTableView设置各行的背景颜色
热门推荐
u011983700的专栏
05-17 3万+
使用QStandardItemModel作为QTableView的model，想要设置各行背景颜色，没有现成的方法，最简单的做法就是自己封装一个model类继承QStandardItemModel，重新实现data方法。 mymodel.h #ifndef MYMODEL_H #define MYMODEL_H #include #include class MyModel : p
QTabWidget的用法及其QSS美化
最新发布
软件开发领域最优质的博客
11-03 963
本文介绍了Qt框架中QTabWidget控件的使用方法和QSS美化技巧。主要内容包括：1) QTabWidget的基本创建、添加/删除选项卡、设置标题和图标；2) 使用QSS样式表进行界面美化，详细讲解了样式设置语法和效果；3) 提供了完整的代码示例和QSS样式文件实现。通过本文，开发者可以快速掌握创建美观选项卡界面的方法，提升Qt应用程序的用户体验。
QHeaderView添加复选框以及样式
c1s2d3n4cs的博客
10-24 575
QHeaderView添加复选框功能，也可以通过此例子来模仿实现其他效果
QTableView设置某行或某列的背景色
Txwtech
12-06 949
QTableView设置某行或某列的背景色
QT tableview 显示交替颜色
a874720102的博客
10-12 1702
qt qss 样式 tableview
QT下使用QTableView设置表头背景色
weixin_30477797的博客
07-26 6926
ui->tableView->horizontalHeader()->setStyleSheet("QHeaderView::section {" "color: black;padding-left: 4px;border: 1px solid #6c6c6c;...
QTableView设置样式表/选中行颜色， QTableView美化
qq_53201472的博客
04-05 1万+
/行自适应宽度 tableWidget->verticalHeader()->setResizeMode(QHeaderView::Stretch);value常用参数：NoEditTriggers--不能对表格内容进行修改CurrentChanged--任何时候都能对单元格修改DoubleClicked--双击单元格SelectedClicked--单击已选中的内容 AnyKeyPressed--按下任意键就能修改。
qt设置QTableview header背景色
soft_123456的专栏
05-08 1万+
QTableView QHeaderView::section { background-color:#2e323d }
QT QTableView 实现改变某一行背景颜色的方法
weixin_42172576的博客
04-04 4851
/这里是 我们需要修改背景的行。1.我们需要继承QStyledItemDelegate 新建一个代理，我这边将新类名定义为SeqItemDelegate。在这个类中，我们需要重写。//这块为写背景的代码。//这里是其他行的代理，需要置空。
QTableWidget背景色交替
Coco_Mary_(weixinhao)
09-05 1万+
QTableWidget背景色交替 刚开始写的时候是这个样子的，但是背景色交替效果没有出来，但是又觉得自己写的没错 后面转过来看了一下QTableWidget类函数发现了这个 它说是否画背景交替颜色属性，当时就懵逼了，还需要加这种操作，于是修改如下图 效果：
设置QTableWidget表头背景色
无名的博客
02-04 4063
设置QTableWidget表头背景色
QTableView设置某一行或者某一列的背景色
weixin_42485732的博客
03-22 3174
【代码】QTableView设备某一行或者某一列的背景色。
Qt Qtablewidget 设置指定行表头（垂直表头）背景色样式（自绘）
qq_40852451的博客
11-22 1951
据了解setstylesheet是优先级最高的方式，只要代码里出现了setstylesheet，其它的设置样式的函数比如setbackground之类的都不生效最简洁的方法应该就是setstylesheet其中，background-color是背景色，color是字体颜色，nth-child(0)表示设置的是第0行的表头的样式nth-child可能比较新的版本会有，我工作用的qt是4.8的就没有这个东西，所以这样设置不会生效，也不知道这个方法是不是真的有效。
QT QtableView的使用示例（设置item背景颜色的方法）
ligare的博客
06-21 1万+
1——创建表格内容 默认行头和列头是存在的，如果要隐藏的话可以执行下面的代码： tableview视图如下：2——tableview的单击元素的触发信号 3——tableview清除表格全部数据的方法 4——设置所有的列宽和行高 5——隐藏滚动条...............
Qtableview单元格颜色修改
12-13 2192
在python环境中，可以自定义Qtableview单元格颜色，包括前景色和背景色。 change_color中按角色设定了颜色值；data中按角色修改颜色值。
QT的QTableview控件隔行交替变色
zaozao_的博客
04-27 2116
//交替行色 if(!ui->tableView->alternatingRowColors()){ ui->tableView->setAlternatingRowColors(true); }
QT 设置QTableWidget 表头颜色
Jungle_Rao的博客
04-16 1万+
问题描述： 项目中用到QTableWidget 表格，想设置表格的表头颜色为蓝色，各行的颜色交替显示。奈何谷歌良久，都无法设置成功。其实最后发现，设置不成功的原因主要有两个方面： 其一，他人博文中提供的方法本来有误； 其二，因为设置表头颜色的代码是没有代码提示的，自己照着写的时候敲错了代码。 解决办法： 直接上代码： //记录六个字符串到字符串列表 QStringList ...
qtableview设置表格背景颜色
08-20
<think>我们正在讨论如何设置QTableView的表格背景颜色。根据引用内容，我们可以通过几种方式来实现： 1. 设置单个单元格的背景颜色：通过重写QStyledItemDelegate的paint方法或者使用QStandardItemModel来设置每个单元格的背景颜色。 2. 设置整行的背景颜色：同样可以通过模型或委托来实现。 3. 设置整个表格的背景颜色：可以通过样式表设置QTableView的背景。 但是，用户的问题具体是如何设置表格背景颜色，可能包括单元格、行或整个表格。 根据引用[1]和[2]，我们可以通过以下方式： - 使用QStandardItemModel，然后对每个item设置背景颜色（如引用[1]所示）。 - 或者通过自定义委托，在paint方法中根据条件设置背景颜色（如引用[2]所示）。 另外，引用[3]展示了当鼠标滑过时改变整行背景颜色的方法，这需要连接信号和槽。 因此，我们可以总结几种方法： 方法一：使用QStandardItemModel设置单元格背景颜色 步骤： 1. 创建QStandardItemModel 2. 创建QStandardItem 3. 对每个item使用setBackground()方法设置背景颜色 4. 将模型设置给QTableView 示例代码： QStandardItemModel *model = new QStandardItemModel(4, 2, this); for (int row = 0; row < 4; ++row) { for (int col = 0; col < 2; ++col) { QStandardItem *item = new QStandardItem(QString("row %0, col %1").arg(row).arg(col)); // 设置背景颜色 item->setBackground(QColor(91, 155, 213)); // 蓝色背景 // 也可以设置字体颜色 item->setForeground(QBrush(Qt::white)); model->setItem(row, col, item); } } ui->tableView->setModel(model); 方法二：通过委托（Delegate）来绘制背景 我们可以继承QStyledItemDelegate，并重写paint方法，根据条件设置背景颜色。 示例代码（自定义委托）： class MyDelegate : public QStyledItemDelegate { public: void paint(QPainter *painter, const QStyleOptionViewItem &option, const QModelIndex &index) const override { // 根据条件设置背景颜色，例如根据行号 if (index.row() % 2 == 0) { painter->fillRect(option.rect, QColor(240, 240, 240)); // 灰色 } else { painter->fillRect(option.rect, Qt::white); } // 也可以调用基类的方法绘制文本等 QStyledItemDelegate::paint(painter, option, index); } }; 然后设置给tableView： ui->tableView->setItemDelegate(new MyDelegate(this)); 方法三：使用样式表设置整个表格的背景 ui->tableView->setStyleSheet("background-color: lightblue;"); 但是注意，样式表设置的是整个表格的背景，如果要设置单元格或行，可能需要使用委托或模型。 方法四：设置交替行颜色（不需要委托） QTableView支持交替行颜色，可以通过以下方式设置： ui->tableView->setAlternatingRowColors(true); ui->tableView->setStyleSheet("alternate-background-color: lightblue; background-color: white;"); 方法五：动态改变行颜色（如鼠标悬停） 如引用[3]所示，需要连接cellEntered信号（注意：QTableView默认没有cellEntered信号，但QTableWidget有。对于QTableView，可能需要自己实现事件过滤器来模拟）。 总结：根据需求选择合适的方法。如果是静态设置，使用方法一或方法二；如果是整个表格，使用方法三；交替行使用方法四；动态效果需要方法二或自定义事件处理。 注意：如果同时使用多种方法，可能会有优先级冲突（如委托绘制会覆盖模型设置的背景颜色）。通常，委托的绘制优先级最高。 请根据具体需求选择。 相关问题： 1. 如何设置QTableView中某一特定单元格的背景颜色？ 2. 如何设置QTableView的交替行颜色？ 3. 如何在鼠标悬停时改变QTableView整行的背景颜色？</think>### QTableView设置表格背景颜色的方法 在Qt中，设置QTableView背景颜色主要通过以下四种方法实现，根据引用内容总结如下： #### 1. **通过模型项设置单元格背景颜色** [^1] ```cpp // 创建模型项 QStandardItem* item = new QStandardItem("数据内容"); // 设置背景颜色（RGB值） item->setBackground(QColor(91, 155, 213)); // 设置文本颜色（白色） item->setForeground(QBrush(QColor(255, 255, 255))); // 添加到模型 model->setItem(row, column, item); ``` > 此方法适用于精确控制单个单元格的颜色。 #### 2. **通过委托动态设置行/单元格背景** [^2] ```cpp // 自定义委托的paint方法 void paint(QPainter *painter, const QStyleOptionViewItem &option, const QModelIndex &index) const { if(index.row() % 2 == 0) { painter->fillRect(option.rect, QColor(Qt::red)); // 设置偶数行红色 } else { QStyledItemDelegate::paint(painter, option, index); // 默认绘制 } } // 应用委托 tableView->setItemDelegate(new CustomDelegate()); ``` #### 3. **设置鼠标悬停行效果** [^3] ```cpp // 连接信号槽 connect(tableView, SIGNAL(entered(QModelIndex)), this, SLOT(onHover(QModelIndex))); // 槽函数实现 void onHover(const QModelIndex &index) { // 重置所有行背景 for(int i=0; i<model->rowCount(); i++){ for(int j=0; j<model->columnCount(); j++){ model->item(i,j)->setBackground(QColor(66,93,185)); } } // 设置当前行高亮 for(int col=0; col<model->columnCount(); col++){ model->item(index.row(), col)->setBackground(QColor(131,152,213)); } } ``` #### 4. **使用样式表全局设置** ```cpp // 设置交替行颜色 tableView->setStyleSheet( "QTableView { background-color: #F0F8FF; }" "QTableView::item:alternate { background: #E6E6FA; }" "QTableView::item:hover { background: #87CEFA; }" ); ``` ### 关键区别 | 方法 | 作用范围 | 实时性 | 适用场景 | |------|----------|--------|----------| | 模型项 | 单元格级 | 静态 | 固定颜色单元格 | | 委托 | 行/单元格 | 动态 | 条件着色 | | 悬停事件 | 行级 | 交互式 | 鼠标反馈效果 | | 样式表 | 全局 | 静态 | 统一视觉风格 | > 提示：若同时使用多种方法，模型项设置优先级最高，样式表优先级最低。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值