如何防止 Qt 对 QListView 中的图标进行 alpha 混合选择?
How to prevent Qt from alpha-blending the selection over icons in QListView?
我有一个使用 QTableView 和 QListView 的 Qt 应用程序。在两个 witdgets 中我都显示了一些图标。
问题是,当用户选择其中一个条目时,Qt alpha 将选择混合在图标上,使图标看起来对比度较低,颜色略有不同。
我希望 Qt 先绘制选区,然后在顶部绘制图标,这样无论是否选中,它们看起来都一样。我该怎么做?
更新:
我的问题是这样的:
白色矩形图标更容易识别:
当您使用图形编辑器检查颜色值时,您会发现颜色值发生了变化。我希望 Qt 在没有此覆盖的情况下按原样绘制图标。
这里的 QListView 是用颜色渐变背景设计的。但是我对没有样式的 QTableView 有同样的问题。
顺便说一句,所有图标都是 SVG。
ItemView 元素的绘制由委托处理。您可以为列、行或单个项目设置自定义委托。默认实现只是将绘图委托给小部件的样式:
void QStyledItemDelegate::paint(QPainter *painter,
const QStyleOptionViewItem &option, const QModelIndex &index) const
{
Q_ASSERT(index.isValid());
QStyleOptionViewItem opt = option;
initStyleOption(&opt, index);
const QWidget *widget = QStyledItemDelegatePrivate::widget(option);
QStyle *style = widget ? widget->style() : QApplication::style();
style->drawControl(QStyle::CE_ItemViewItem, &opt, painter, widget);
}
您可以找到绘图的实际代码 here。似乎 Qt5 附带的所有样式最终都将 ItemView 元素的绘制委托给该代码。有趣的是,有问题的代码实际上是在选择的顶部绘制图标,因此您必须使用一些自定义样式。绘制选区的调用是:
proxy()->drawPrimitive(PE_PanelItemViewItem, opt, p, widget);
该调用先于所有其他绘图调用。
在您的自定义委托中,您应该能够要求样式通过修改 QStyleOptionViewItem opt
(请参阅第一个代码片段)来绘制除图标之外的所有内容。然后你可以手动绘制图标,方法与 QCommonStyle
相同。
作为 IMO 更直接的替代解决方案,并且似乎与活动 QStyle 无关(进一步 testing/confirmation 需要),您可以简单地继承 QIcon:
from PyQt5 import QtCore, QtGui
class StaticIcon(QtGui.QIcon):
def __init__(self, filePath):
super().__init__(filePath)
self.addFile(filePath, QtCore.QSize(), QtGui.QIcon.Active)
self.addFile(filePath, QtCore.QSize(), QtGui.QIcon.Selected)
...在样式自动设置后,使用正常状态图标显式覆盖活动和选定状态图标。
我有一个使用 QTableView 和 QListView 的 Qt 应用程序。在两个 witdgets 中我都显示了一些图标。
问题是,当用户选择其中一个条目时,Qt alpha 将选择混合在图标上,使图标看起来对比度较低,颜色略有不同。
我希望 Qt 先绘制选区,然后在顶部绘制图标,这样无论是否选中,它们看起来都一样。我该怎么做?
更新:
我的问题是这样的:
白色矩形图标更容易识别:
当您使用图形编辑器检查颜色值时,您会发现颜色值发生了变化。我希望 Qt 在没有此覆盖的情况下按原样绘制图标。
这里的 QListView 是用颜色渐变背景设计的。但是我对没有样式的 QTableView 有同样的问题。
顺便说一句,所有图标都是 SVG。
ItemView 元素的绘制由委托处理。您可以为列、行或单个项目设置自定义委托。默认实现只是将绘图委托给小部件的样式:
void QStyledItemDelegate::paint(QPainter *painter,
const QStyleOptionViewItem &option, const QModelIndex &index) const
{
Q_ASSERT(index.isValid());
QStyleOptionViewItem opt = option;
initStyleOption(&opt, index);
const QWidget *widget = QStyledItemDelegatePrivate::widget(option);
QStyle *style = widget ? widget->style() : QApplication::style();
style->drawControl(QStyle::CE_ItemViewItem, &opt, painter, widget);
}
您可以找到绘图的实际代码 here。似乎 Qt5 附带的所有样式最终都将 ItemView 元素的绘制委托给该代码。有趣的是,有问题的代码实际上是在选择的顶部绘制图标,因此您必须使用一些自定义样式。绘制选区的调用是:
proxy()->drawPrimitive(PE_PanelItemViewItem, opt, p, widget);
该调用先于所有其他绘图调用。
在您的自定义委托中,您应该能够要求样式通过修改 QStyleOptionViewItem opt
(请参阅第一个代码片段)来绘制除图标之外的所有内容。然后你可以手动绘制图标,方法与 QCommonStyle
相同。
作为 IMO 更直接的替代解决方案,并且似乎与活动 QStyle 无关(进一步 testing/confirmation 需要),您可以简单地继承 QIcon:
from PyQt5 import QtCore, QtGui
class StaticIcon(QtGui.QIcon):
def __init__(self, filePath):
super().__init__(filePath)
self.addFile(filePath, QtCore.QSize(), QtGui.QIcon.Active)
self.addFile(filePath, QtCore.QSize(), QtGui.QIcon.Selected)
...在样式自动设置后,使用正常状态图标显式覆盖活动和选定状态图标。