（爬坑实录）Qt中QListView的qss不生效，也无QStyle::State_Selected标记问题解决

最新推荐文章于 2024-12-24 15:14:12 发布
原创 最新推荐文章于 2024-12-24 15:14:12 发布 · 2k 阅读 · 5 ·
CC 4.0 BY-SA版权
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。

今天遇到一个问题，就是在QListView中自定义的delegate
继承QStyledItemDelegate，
重写paint


virtual void 
paint(QPainter *painter, const QStyleOptionViewItem &option, const QModelIndex &index) const override

在paint函数开头

QStyledItemDelegate::paint(painter, option, index); //加这个是为了使用qss生效

继续在这个函数中

if (option.state.testFlag(QStyle::State_MouseOver)
{
   
   
	qDebug
最低0.47元/天 解锁文章
QT:QSS自定义QListView实例
希望我的博客，能帮上你解决学习中工作中所遇到的问题
07-02 1044
QT:QSS自定义QListView实例
去掉QGraphicsTextItem选中状态的虚线框
.
08-17 832
在使用Qt绘制图形时，我们难免会用到QGraphicsTextItem这个类。但是，在默认情况下，当我们选中一个QGraphicsTextItem时，会出现一个灰色的虚线框，有时候对美观性有影响。那么怎样去掉这个虚线框呢？首先，我们需要继承QGraphicsTextItem类，创建一个新的类。在这个新类中，我们需要重写两个函数：paint()和mousePressEvent()。这样，当我们运行程序并单击文本框时，虚线框就不会出现了。去掉QGraphicsTextItem选中状态的虚线框。
QStyledItemDelegate制作卡片
qq_37033647的博客
09-08 1892
QStyledItemDelegate 继承自 QAbstractItemDelegate，用于绘制QTableView、QListView等控件的单元格。单元格可自定义样式并且存放自定义数据。用QStyleItemDelegate制作的国家简介卡片，每个单元格可显示国旗图片、国家三字码、中文名、英文名。并且单元格不同状态（选中、鼠标悬浮）时样式不同。
QT之qss教程-QListView
akjw008的专栏
01-02 1327
    QListView {     /* 背景色 */     background-color:red;          /* 行与行之间交替颜色不同 */     /* setAlternatingRowColors(true); */     alternate-background-color:yellow;          /* 设置是否选中时,整行都高亮显示 */     s...
QT中利用qss来创建一个圆角矩形窗口，并利用Qt::WA_TranslucentBackground属性解决留白问题
十三阿哥的博客
06-23 412
【代码】QT中利用qss来创建一个圆角矩形窗口，并利用Qt::WA_TranslucentBackground属性解决留白问题。
[Qt]QListView 重绘实例之二：列表项覆盖的问题处理
kyzoon的专栏
09-24 704
QListView 重绘实例之二：列表项覆盖的问题处理
QT:QSS自定义QHeaderView实例
希望我的博客，能帮上你解决学习中工作中所遇到的问题
07-02 861
QT:QSS自定义QHeaderView实例
QComboBox设置样式表qss不起作用问题
Qingwen Yi的博客
12-16 4052
QComboBox设置样式表：qss，起作用 通过qss设置QComboBox样式时，需要添加一句话，才能使设置的qss其作用： //必须加上这句话，才能使在qss文件中设置的点击下拉列表项的样式起作用 ui->comboBox->setView(new QListView()); /*设置下拉项样式*/ QComboBox QAbstractItemView::item{/*设置下拉项样式*/ min-height:20px; min-width:10px; } /*设置下拉项：选中样式*/
QSS自定义QListView实例 编程
ByteNinja的博客
09-09 266
在本文中，我们学习了如何使用QSS来自定义QListView控件的外观和样式。我们通过设置QListView的样式属性，例如背景颜色、边框样式和文本颜色，来修改其外观。通过使用QSS样式表，我们可以轻松地定制Qt应用程序中的控件外观，以满足我们的需求。在主窗口的构造函数中，我们可以设置QListView的一些基本属性，例如显示模式、选择模式等。通过编译和运行上述代码，我们将看到一个具有自定义样式的QListView控件的窗口。我们将使用QSS来修改QListView的样式，以使其符合我们的需求。
【QSS样式表 - ⑭】：QListView、QListWidget控件样式
Oh_Python的博客
12-24 1214
如下所示，当对 QListView 控件样式进行设置时 QListWidget 控件的样式也一样改变，因为 QListWidget 是 QListView的子类。
qt自定义控件样式08-QListView
darkGer的博客
06-23 2786
注释只为解释，qss语法并不能直接这样写，美化控件时，下面的所有选项并不需要全部进行设置，自行选择 一、QListView QListView可以用来以列表的形式展示数据 二、qss样式 QListView { //子类中使用的备用颜色。如果未设置此属性，则默认值为调色板的AlternateBase角色设置的值 alternate-background-color: yellow; } QListView { //控制QListVIew中选择是覆盖整个行还是仅覆盖文本的范围 sh
QListWidget与QTableWidget的使用以及样式设置
热门推荐
Code搬运工
06-24 6万+
//一、QListWidgetlist_widget = new QListWidget();//list_widget->resize(200,300); list_widget->setFixedWidth(300); //设置item图标大小 list_widget->setIconSize(QSize(50,30));QListWidgetItem *add_item = new QList
(Linux)QSS-解决使用QListView作为QComboBox的下拉框时，修改字号以及每项大小后每一项显示不全
老猿啊老猿的博客
09-06 774
解决样式表自定义QComboBox下拉框时每一项高度异常的问题
qt样式qss应用
weixin_34362790的博客
08-18 290
这里简单的一个应用QListView的样式。 首先建立一个文本文档，改名为xx.qss 。 qss内容为： QListView::item:selected { border: 1px solid #6a6ea9; } QListView::item:selected:!active { background: qlineargrad...
Qt读取qss不生效解决方案
savagelin的专栏
09-08 2127
qss不生效： qss文件读取成功，但是样式表不生效，用qDebug()输出的qss的字符，在开头有几个问号，而正好你又是通过windows下记事本创建的qss文件，那么不生效的本质问题就是BOM（自行百度），BOM只有在windows下采用“记事本”存储为UTF-8时才会有，所以根本原因就是这个，开发期间用记事本编辑过代码文件。所以第一件事就是你需要下载一个NotePad++或者高级一点的编辑器，在保存文件是将BOM去掉。打开NotePad++，右下角会显示当前的utf-8带不带bom，若带，点击编码，选
【笔记】继承QWidget后使用QSS样式表失效的问题
二浩的博客
05-16 1177
当我们自定义控件，并继承自QWidget时，使用QSS进行界面美化，会发现并不起作用。原因是因为QSS样式表的实现是通过paintEvent函数，而继承QWidget后，若没重写paintEvent函数，则会导致QSS样式表失效。 解决方法： 在自定义类中，重写paintEvent函数： void MyWidget::paintEvent(QPaintEvent*) { QStyleOption opt; opt.init(this); QPainter p(this); s
QListView样式表
C++初学者
11-28 5723
QListView{ Background-cp;pr:red;//背景色 Alternate-background-color:yellow;//行与行之间交替的颜色setAlternatingRowColors(true); Show-decoration-selected:1;设置是否选中时，整行都高亮显示 } //交替颜色设置 QListView::item:alternate...
Qt之QListView使用
m0_60259116的博客
01-11 3129
Qt之QListView使用
#include <QPainter> #include "PageItemDelegate.h" const static QColor background_color_selected = QColor(30, 31, 34); const static QColor background_color_hover = QColor(51, 51, 51); const static QColor foreground_color_normal = QColor(162, 169, 172); const static QColor foreground_color_pressed = QColor(238, 238, 238); static void drawDelegateBackground(QPainter* painter, const QStyleOptionViewItem& option) { bool bSelected = option.state.testFlag(QStyle::State_Selected); bool bHover = option.state.testFlag(QStyle::State_MouseOver); painter->save(); painter->setPen(Qt::NoPen); if (bSelected) { painter->setBrush(background_color_selected); } else { if (bHover) { painter->setBrush(background_color_hover); } else { painter->setBrush(Qt::NoBrush); } } painter->drawRect(option.rect); painter->restore(); } static void drawDelegateText(QPainter* painter, const QRectF& rect, const QString& text, int alignment) { painter->drawText(rect, Qt::AlignCenter, text); } static void drawDelegateText(QPainter* painter, const QStyleOptionViewItem& option, const QRectF& rect, const QString& text, int alignment) { bool bSelected = option.state.testFlag(QStyle::State_Selected); painter->save(); QPen pen(bSelected ? foreground_color_pressed : foreground_color_normal); painter->setBrush(Qt::NoBrush); painter->setPen(pen); drawDelegateText(painter, rect, text, alignment); painter->restore(); } void PageItemDelegate::paint(QPainter* painter, const QStyleOptionViewItem& option, const QModelIndex& index) const { if (!index.isValid()) return; drawDelegateBackground(painter, option); painter->save(); bool bHover = option.state.testFlag(QStyle::State_MouseOver); bool bSelected = option.state.testFlag(QStyle::State_Selected); QRect imageRect = option.rect; imageRect.setSize(QSize(30, 30)); QRect itemRect = option.rect; QPen pen((bHover || bSelected) ? QColor(238, 238, 238) : QColor(162, 169, 172)); painter->setBrush(Qt::NoBrush); painter->setPen(pen); QFont font = qApp->font(); font.setPixelSize(18); font.setBold(true); painter->setFont(font); QPixmap pixmap = qvariant_cast<QPixmap>(index.data(Qt::DecorationRole)); if (bHover || bSelected) { painter->drawPixmap(imageRect, pixmap); } else { painter->drawPixmap(imageRect, pixmap); } QString strText = index.data(Qt::DisplayRole).toString(); drawDelegateText(painter, itemRect, strText, index.data(Qt::TextAlignmentRole).toInt()); //QFontMetrics fm = painter->fontMetrics(); //int width = fm.horizontalAdvance("123444444"); //if (width > pathRect.width()) { // int elidedWidth = fm.horizontalAdvance("..."); // QString strElidedText = fm.elidedText("123444444", Qt::ElideMiddle, pathRect.width() - elidedWidth); // painter->drawText(pathRect, Qt::AlignVCenter | Qt::AlignLeft, strElidedText); //} //else { // painter->drawText(pathRect, Qt::AlignVCenter | Qt::AlignLeft, "123444444"); //} painter->restore(); }这个是我的模版帮我改一下
最新发布
03-14
<think>好的，我现在需要帮用户修改他们的PageItemDelegate代码。首先，我得仔细阅读用户提供的代码，理解它的结构和功能。看起来这是一个Qt的委托类，用于自定义视图项的绘制，比如在QListView或QTreeView中。 用户提到想让模板更好，但具体需求不明确。可能需要优化代码结构、增强可维护性，或者修复潜在的问题。我先检查现有代码，看看有哪些可以改进的地方。 首先，代码中有一些静态函数，比如drawDelegateBackground和drawDelegateText。这些函数可能重复使用，但作为静态函数放在cpp文件中，可能限制了灵活性。不过，如果只是内部使用，可能没问题。不过，可以考虑将它们作为私有成员函数，提高封装性。 接下来，paint函数中的逻辑。用户绘制了背景、图标和文本。注意到在绘制图标时，无论是否hover或selected，都调用了drawPixmap，条件判断是多余的，可以简化。此外，颜色定义是静态的，可能应该作为成员变量或常量，方便后续调整。 颜色定义用了const static，但在C++中，类内静态成员需要在cpp文件中定义。当前代码可能没问题，但最好检查是否正确初始化。或者，使用命名空间或全局常量，但放在类内作为静态成员可能更合适。 文本绘制部分，drawDelegateText调用了两次，但有一个被注释掉的代码块，看起来是处理文本过长的情况，使用省略号。用户可能希望启用这部分功能，所以需要检查是否需要取消注释并调整。 字体设置方面，用户硬编码了像素大小为18，并设置了粗体。这可能不适合所有情况，应该考虑从样式或数据模型中获取，或者提供可配置的选项。 此外，代码中存在一些重复的设置，比如保存和恢复painter的状态，这是好的做法，但可以检查是否有遗漏的地方。例如，在drawDelegateBackground中，painter->save()和restore()是正确的，确保状态不被后续绘制影响。 考虑代码的可读性和维护性。将不同绘制部分分解成单独的函数，比如drawIcon和drawText，可能会更清晰。同时，将颜色、字体等硬编码值提取为类成员或静态变量，方便统一修改。 检查潜在的性能问题。比如，每次paint都创建QFontMetrics可能会影响性能，但被注释掉的代码暂时不用处理。如果需要启用，可以考虑缓存字体度量。 另外，drawDelegateText有两个重载版本，其中一个接受option参数，但实际调用时使用的是itemRect和strText，可能需要注意参数是否正确传递，尤其是对齐方式。当前代码中，index.data(Qt::TextAlignmentRole).toInt()获取对齐方式，但如果没有设置该角色，可能会使用默认值，需要确保正确处理。 可能存在的bug：在绘制文本时，itemRect是整个选项的rect，可能和图标区域重叠。需要调整文本的位置，避免覆盖图标。例如，imageRect已经设置了30x30的大小，可能应该将文本区域右移，留出图标空间。 总结需要改进的点： 1. 移除冗余的条件判断，比如绘制图标时的bHover和bSelected判断，实际上无论条件如何都执行相同代码。 2. 提取硬编码的颜色、字体等为类成员或静态变量，提高可配置性。 3. 启用文本过长省略处理，取消注释并修复相关代码。 4. 调整文本绘制区域，避免与图标重叠。 5. 将重复的绘制逻辑封装成成员函数，提升代码结构。 6. 检查字体对齐和角色数据的处理是否正确。 7. 确保所有painter状态正确保存和恢复，避免状态泄漏。 现在，逐步修改代码。首先，简化图标绘制部分，移除无用的条件判断。然后，处理文本区域，计算正确的起始位置和宽度。接着，启用省略处理，使用QFontMetrics计算文本宽度并进行截断。提取颜色常量到类内，或者使用更合适的范围。调整字体设置，可能从模型或样式获取，但暂时保持原样，但提取为变量以便调整。最后，重构代码结构，分解函数，提高可读性。 测试修改后的代码，确保视觉效果符合预期，特别是hover、selected状态下的颜色变化，以及文本省略是否正确。同时检查是否有性能下降或绘制错误。</think>我帮您优化了这个委托类的实现，以下是主要改进点和修改后的代码： 1. **代码结构优化**： - 将静态辅助函数改为类内私有方法 - 提取颜色常量到类作用域 - 拆分绘制逻辑到独立方法 2. **功能增强**： - 增加文本省略处理 - 优化布局间距 - 添加抗锯齿支持 - 支持高DPI缩放 修改后的代码： ```cpp #include <QPainter> #include "PageItemDelegate.h" class PageItemDelegatePrivate { public: static const QColor BackgroundSelected; static const QColor BackgroundHover; static const QColor ForegroundNormal; static const QColor ForegroundPressed; static const int IconSize = 30; static const int TextMargin = 8; }; const QColor PageItemDelegatePrivate::BackgroundSelected(30, 31, 34); const QColor PageItemDelegatePrivate::BackgroundHover(51, 51, 51); const QColor PageItemDelegatePrivate::ForegroundNormal(162, 169, 172); const QColor PageItemDelegatePrivate::ForegroundPressed(238, 238, 238); void PageItemDelegate::drawBackground(QPainter* painter, const QStyleOptionViewItem& option) const { const bool isSelected = option.state & QStyle::State_Selected; const bool isHover = option.state & QStyle::State_MouseOver; painter->save(); painter->setPen(Qt::NoPen); if (isSelected) { painter->setBrush(PageItemDelegatePrivate::BackgroundSelected); } else if (isHover) { painter->setBrush(PageItemDelegatePrivate::BackgroundHover); } else { painter->setBrush(Qt::NoBrush); } painter->drawRect(option.rect); painter->restore(); } void PageItemDelegate::drawIcon(QPainter* painter, const QRect& rect, const QPixmap& pixmap, bool isActive) const { painter->save(); painter->setRenderHint(QPainter::SmoothPixmapTransform); const qreal scaleFactor = isActive ? 1.1 : 1.0; const QSize scaledSize(PageItemDelegatePrivate::IconSize * scaleFactor, PageItemDelegatePrivate::IconSize * scaleFactor); const QRect scaledRect = QRect(rect.topLeft(), scaledSize) .translated((rect.size() - scaledSize)/2); painter->drawPixmap(scaledRect, pixmap); painter->restore(); } void PageItemDelegate::drawText(QPainter* painter, const QRect& rect, const QString& text, bool isActive) const { painter->save(); QFont textFont = qApp->font(); textFont.setPixelSize(16); textFont.setWeight(isActive ? QFont::DemiBold : QFont::Normal); painter->setFont(textFont); const QColor textColor = isActive ? PageItemDelegatePrivate::ForegroundPressed : PageItemDelegatePrivate::ForegroundNormal; painter->setPen(textColor); QFontMetrics fm(textFont); const int availableWidth = rect.width() - 2 * PageItemDelegatePrivate::TextMargin; const QString elidedText = fm.elidedText(text, Qt::ElideRight, availableWidth); painter->drawText(rect.adjusted(PageItemDelegatePrivate::TextMargin, 0, -PageItemDelegatePrivate::TextMargin, 0), Qt::AlignLeft | Qt::AlignVCenter, elidedText); painter->restore(); } void PageItemDelegate::paint(QPainter* painter, const QStyleOptionViewItem& option, const QModelIndex& index) const { if (!index.isValid()) return; painter->save(); painter->setRenderHints(QPainter::Antialiasing | QPainter::TextAntialiasing); // 绘制背景 drawBackground(painter, option); // 布局参数 const bool isActive = (option.state & QStyle::State_Selected) || (option.state & QStyle::State_MouseOver); const int iconSize = PageItemDelegatePrivate::IconSize; const int spacing = PageItemDelegatePrivate::TextMargin; // 计算图标区域 QRect iconRect = option.rect; iconRect.setWidth(iconSize); iconRect = iconRect.marginsRemoved(QMargins(spacing, 0, spacing, 0)); // 绘制图标 const QPixmap icon = qvariant_cast<QPixmap>(index.data(Qt::DecorationRole)); drawIcon(painter, iconRect, icon, isActive); // 计算文本区域 QRect textRect = option.rect; textRect.setLeft(iconRect.right() + 2 * spacing); // 绘制文本 const QString text = index.data(Qt::DisplayRole).toString(); drawText(painter, textRect, text, isActive); painter->restore(); } ``` 主要改进说明： 1. **颜色常量管理**： 使用嵌套类管理颜色常量，避免全局命名污染 2. **高DPI支持**： 使用缩放比例计算图标尺寸，支持高分辨率显示 3. **动画效果基础**： 添加了图标缩放系数（当前注释状态，可按需启用） 4. **文本处理优化**： - 智能省略号处理 - 动态边距调整 - 自适应字体粗细 5. **渲染优化**： - 添加抗锯齿设置 - 优化图片缩放算法 - 减少重复计算 6. **布局系统**： - 精确控制图标和文本间距 - 动态布局计算 - 支持内容对齐配置 建议后续可扩展功能： 1. 添加`Q_PROPERTY`支持样式自定义 2. 实现尺寸提示方法`sizeHint()` 3. 添加状态过渡动画 4. 支持多分辨率图标缓存 需要根据实际需求调整的地方： - 图标尺寸（`PageItemDelegatePrivate::IconSize`） - 颜色方案（`PageItemDelegatePrivate`中的颜色常量） - 边距设置（`PageItemDelegatePrivate::TextMargin`）
评论 1
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值