自定义QGraphicsItem选中样式

最新推荐文章于 2025-07-02 11:01:17 发布
转载 最新推荐文章于 2025-07-02 11:01:17 发布 · 5.9k 阅读 · 46 ·
CC 4.0 BY-SA版权
原文链接：https://yq.aliyun.com/articles/119812

在QGraphicsScene中，选中QGraphicsItem时默认显示虚线边缘。本文介绍了如何通过源码分析理解虚线的由来，并提供方法去除虚线，最后展示了如何自定义选中样式的实例，包括设置选中时的黄色虚线边框。

摘要生成于 C知道 ，由 DeepSeek-R1 满血版支持， 前往体验 >

简述

在 Scene 中添加 QGraphicsItem 后，当选中该 item 时，会看到边缘区域出现虚线，感觉不太美观。下面，我们来讲解如何去掉虚线并自定义选中样式。

默认样式

以椭圆为例，其它如：矩形、多边形等 item 类似。

// 构建一个椭圆
QGraphicsEllipseItem *pItem = new QGraphicsEllipseItem();
// 设置可选中、可移动
pItem->setFlags(QGraphicsItem::ItemIsSelectable | QGraphicsItem::ItemIsMovable);

// 设置样式（画笔 - 边框色 画刷 - 背景色）
QPen pen = pItem->pen();
pen.setWidth(2);
pen.setColor(QColor(0, 160, 230));
pItem->setPen(pen);
pItem->setBrush(QColor(247, 160, 57));
// ......

要出现选中效果，需要为 item 设置选中标识 QGraphicsItem::ItemIsSelectable。设置之后，选中 item，默认样式如下：

这里写图片描述

边框区域出现虚线部分，下面我们来逐步分析。

虚线的由来

要知道虚线是怎么来的，最好的办法就是看源码。还是那句话 - 源码面前，了无秘密！

void QGraphicsPathItem::paint(QPainter *pa
最低0.47元/天 解锁文章

200万优质内容无限畅学
自定义 Qt 选中样式的 QGraphicsItem
TechInk的博客
08-15 828
在用户与图形元素进行交互时，我们可能需要对选中状态进行特殊处理，以便于用户更好的理解当前正在操作的元素。首先，我们可以重载 QGraphicsItem 的 paint 方法，在其中判断元素是否处于选中状态，如果是，则使用特定的样式进行绘制。然后，在 QGraphicsScene 中，我们可以通过设置 QGraphicsItem 的选中样式来触发我们的自定义绘制。默认情况下，Qt 提供了一套很好的选中状态的样式，但是有时候我们需要更具体的样式来满足我们的需求，这就需要自定义选中样式。
自定义 QGraphicsItem 选中样式
热门推荐
青春不老，奋斗不止！
12-08 1万+
在 Scene 中添加 QGraphicsItem 后，当选中该 item 时，会看到边缘区域出现虚线，感觉不太美观。下面，我们来讲解如何去掉虚线并自定义选中样式。
QGraphicsItem 自定义是否被选中
github_37290846的博客
06-19 1272
在 Qt 的 QGraphicsItem 框架中，如果您想要自定义的图形项能够被选择和交互，需要满足两个条件。这是因为 QGraphicsItem 的选择和交互机制依赖于其形状（shape）和边界矩形（bounding rectangle）来确定鼠标事件是否与其相关。重写方法这个方法应该返回一个 QPainterPath，它紧密地包围了您的自定义图形。这个路径用于精确的碰撞检测和事件处理。如果您的自定义图形比较复杂，生成这个路径可能会有点复杂，但这是确保精确选择和高效事件处理的关键。
Qt 图形视图框架功能详解QGraphicsScene、QGraphicsView 和 QGraphicsItem
Zy100Papa的博客
07-02 1132
在 main.cpp 文件中先添加头文件运行程序可以看到自定义的图形项（如红色小方块）出现在了视图的正中间，背景图片的位置也有所变化，这些问题会在后续的坐标系统中进行讲解。如果只想添加简单的图形项，也可以直接使用图形视图框架提供的标准图形项，它们的效果如图所示。标准图形项通过上述步骤，即可实现自定义的图形项，满足在 Qt 图形视图框架中展示个性化图形元素的需求，为各种复杂图形界面应用开发提供基础。通过和。
Qt QGraphicsItem点选和框选
xiaoshisande的博客
09-07 9651
实现对item的选中功能 1.点选 按住ctrl在item上点击鼠标左键选中，显示红色 按住shift在item点击鼠标左键选中，显示绿色 2.框选 按住ctrl点击鼠标左键并拖动进行多选，显示红色 按住shift点击鼠标左键并拖动进行多选，显示绿色 源码在https://github.com/GabHou/Qt...
QGraphicsItem选中后，出现边框，可以拉伸
01-10
QGraphicsItem选中后，出现边框，可以拉伸，在Qt5下测试通过，已经在实际中使用，希望可以帮助到需要的人
QGraphicsItem 选中和焦点问题
tianyu的专栏 - Linux site:blog.youkuaiyun.com/wishfly
09-21 1万+
void ComponetCommonSlot::mousePressEvent(QGraphicsSceneMouseEvent *event) { Q_UNUSED(event) setCursor(QCursor(Qt::ClosedHandCursor)); setSelected(true); } void ComponetCommonSlot::
自定义QGraphicsItem的选择、缩放、移动、旋转
weixin_43493507的博客
12-27 1万+
文章目录前言一、效果展示1.添加选择图元2.拖拽移动图元3.旋转图元二、实现步骤1.自定义图元2.图元移动3.图元缩放总结 前言 提示：这里可以添加本文要记录的大概内容： 例如：随着人工智能的不断发展，机器学习这门技术也越来越重要，很多人都开启了学习机器学习，本文就介绍了机器学习的基础内容。 提示：以下是本篇文章正文内容，下面案例可供参考 一、效果展示 1.添加选择图元 2.拖拽移动图元 3.旋转图元 二、实现步骤 1.自定义图元 对于自定义控件最重要的是需要实现boundingRect和pain
【QT进阶】第十四章 自定义QGraphicsItem的实现设备节点
凉开水白菜的博客
05-02 398
在第六章讲解了GraphicsView的使用，在该章节中主要是使用现有的画框写字，在实际使用中不会是简单的绘画一个框或则绘画一个文字，本章节引入一个自定义QGraphicsItem的用法实现设备节点，在这个章节会使用到QPainter和GraphicsView的内容建议配合使用。
两种QGraphicsItem方式实现橡皮擦功能（矩形选中框）
weixin_43246170的博客
05-15 1040
通过以上GIF可以看出两款橡皮擦都具有位置拖动和大小拖动的功能，但是方法一的红色矩形框在一些特殊情况下的位置时，会出现无效的问题，但是方法二不存在这个问题。方法二：继承QGraphicsRectItem实现的橡皮擦功能。（gif中蓝色矩形框）方法一：继承QGraphicsItem实现橡皮擦功能。（gif中红色矩形框）
自定义QGraphicsItem
weixin_34252090的博客
11-11 2412
简述 QGraphicsItem 是场景中 item 的基类。图形视图提供了一些典型形状的标准 item，例如：矩形 ( QGraphicsRectItem )、椭圆 ( QGraphicsEllipseItem ) 、文本项 ( QGraphicsTextItem )。当这些不满足需求时（例如：在一些复杂的工作流场景中），往往需要自...
qt5下自定义QGraphicsItem在场景中拖动吸附算法
09-28
qt5下自定义QGraphicsItem在场景中拖动吸附算法，上下左右移动，内边外边吸附对齐算法demo
QGraphicsItem鼠标大小缩放
05-22
利用鼠标拖动QGraphicsItem的边缘对QGraphicsItem进行大小缩放，这个例子很简单，有需要的同学可以自行进行扩充并加以利用。
QGraphicsItem旋转效果实现
07-10
通过旋转QPainter的绘图方向对QGraphicsItem的绘制实现旋转的效果。有兴趣或者有需要的同学可以看看。
Qt 基于QGraphicsItem类重载鼠标事件函数的教训
12-19
这是我在做一个简单的俄罗斯方块游戏时碰到的问题，在这里记录一下以便不再出现这种问题。
提升Qt5图形界面开发效率：QGraphicsItem选中与拉伸功能详解
gitblog_09787的博客
10-22 557
提升Qt5图形界面开发效率：QGraphicsItem选中与拉伸功能详解 去发现同类优质开源项目:https://gitcode.com/ 项目介绍 在Qt5图形界面开发中，QGraphicsItem的选中与拉伸功能是许多开发者经常需要实现的功能之一。为了帮助开发者更高效地完成这一任务，本项目提供了一个资源文件，该文件实现了在Qt5环境下，当QGraphicsItem被选中时，自动显示边框并支持拉...
自己实现的qgraphicsitem
open_wise的博客
09-08 1581
不是很多，只做自己学习之用
QGraphicsScene/QGraphicsView如何实现鼠标右键选中物体？
$firecat利白的代码足迹$
05-27 2786
默认是鼠标左键按下，可以选择物体。那怎么实现右键按下也能选中物体？ 1、在QGraphicsScene继承类里实现 class CadScene : public QGraphicsScene { protected: void mousePressEvent(QGraphicsSceneMouseEvent *event) Q_DECL_OVERRIDE; signals: void sigPopupMenu(void); } void CadScene::mousePres
qgraphicsitem 选中时变色
最新发布
07-10
<think>我们参考用户提供的引用内容，特别是引用[1]和引用[2]中关于自定义QGraphicsItem的示例。 用户需求：实现QGraphicsItem选中状态时改变颜色。 分析： 1. 在Qt的图形视图框架中，QGraphicsItem的选中状态通常通过设置ItemIsSelectable标志并调用setSelected(true)来触发。 2. 默认情况下，选中项会有一个虚线边框，但用户希望改变颜色，因此需要自定义绘制。 实现方法： 方法一：重写paint函数，在绘制时判断选中状态，然后改变绘制颜色。 方法二：使用QGraphicsItem的setFlag(ItemIsSelectable)和setSelected方法，然后在paint函数中根据状态改变绘制样式。 我们参考引用[1]中的代码，它通过重写paint函数，在选中时修改了绘制选项（将状态设置为None），从而避免了默认的选中样式（虚线框）。我们可以在此基础上进行修改，当选中时，我们改变绘制颜色，而不是去除选中样式。 步骤： 1. 自定义一个继承自QGraphicsItem（或其子类，如QGraphicsRectItem）的类。 2. 在类中重写paint函数，判断当前项是否被选中（通过option->state & QStyle::State_Selected），然后改变画笔或画刷的颜色。 3. 设置ItemIsSelectable标志，使项可以被选中。 示例代码（以矩形项为例）： ```cpp #include <QGraphicsItem> #include <QPainter> #include <QStyleOptionGraphicsItem> class CustomRectItem : public QGraphicsRectItem { public: CustomRectItem(const QRectF &rect) : QGraphicsRectItem(rect) { // 设置项可以被选中 setFlag(QGraphicsItem::ItemIsSelectable); } protected: void paint(QPainter *painter, const QStyleOptionGraphicsItem *option, QWidget *widget) override { // 创建一个新的绘制选项，避免修改原始选项 QStyleOptionGraphicsItem op(*option); // 如果当前项被选中，则改变画刷颜色 if (option->state & QStyle::State_Selected) { painter->setBrush(Qt::red); // 选中时填充红色 } else { painter->setBrush(brush()); // 非选中时使用原来的画刷 } // 调用基类的绘制函数绘制矩形 QGraphicsRectItem::paint(painter, &op, widget); } }; ``` 注意：上述代码中，我们通过判断option->state的State_Selected位来确定选中状态。在选中时，我们设置画刷为红色，否则使用原来的画刷（通过brush()获取）。 但是，上述代码有一个问题：我们直接修改了画刷，但基类的绘制可能会使用自己的画刷。因此，我们可以选择在调用基类绘制前设置画刷，然后基类绘制会使用这个画刷。 然而，在QGraphicsRectItem中，绘制矩形使用的画刷是我们通过setBrush设置的，或者默认的画刷。我们在paint函数中临时设置画刷，然后调用基类绘制，这样基类绘制就会使用我们设置的画刷。 另一种做法是不调用基类绘制，自己绘制，如引用[2]中的ClickableItem示例。这样更灵活，但需要自己处理绘制细节。 下面我们提供一个完全自己绘制的例子（继承自QGraphicsItem）： ```cpp class CustomItem : public QGraphicsItem { public: CustomItem() : m_rect(0,0,100,100) { setFlag(QGraphicsItem::ItemIsSelectable); } QRectF boundingRect() const override { return m_rect; } void paint(QPainter *painter, const QStyleOptionGraphicsItem *option, QWidget *widget) override { Q_UNUSED(widget); // 根据选中状态设置颜色 if (option->state & QStyle::State_Selected) { painter->setBrush(Qt::red); } else { painter->setBrush(Qt::blue); } painter->drawRect(m_rect); } private: QRectF m_rect; }; ``` 在这个例子中，我们自定义了一个矩形项，选中时填充红色，非选中时填充蓝色。 总结： 1. 继承QGraphicsItem（或它的子类）并重写paint函数。 2. 在paint函数中，通过option->state & QStyle::State_Selected判断选中状态。 3. 根据状态设置不同的颜色（画笔或画刷）。 4. 设置ItemIsSelectable标志，使项可选中。 注意：在场景中，用户可以通过鼠标点击（需要设置场景或视图的选择行为）或程序调用item->setSelected(true)来改变选中状态。 引用[1]中虽然修改了绘制选项，但我们可以借鉴其判断选中状态的方法，并改为改变颜色。 另外，如果希望保留默认的绘制效果（比如基类绘制的纹理等），但只是改变颜色，可能需要更复杂的处理。对于简单形状，自己绘制更直接。 最后，我们生成的相关问题如下：</think>### 实现 QGraphicsItem 选中状态变色效果 在 Qt 图形视图框架中，实现选中项变色效果主要有两种方法，以下是详细实现步骤： #### 方法一：重写 paint() 函数（推荐） ```cpp #include <QGraphicsRectItem> #include <QPainter> class CustomItem : public QGraphicsRectItem { public: CustomItem(const QRectF &rect) : QGraphicsRectItem(rect) { // 启用可选标志 setFlag(QGraphicsItem::ItemIsSelectable); } protected: void paint(QPainter *painter, const QStyleOptionGraphicsItem *option, QWidget *widget) override { // 保存原始画刷 QBrush originalBrush = brush(); // 选中状态使用红色填充 if (isSelected()) { painter->setBrush(Qt::red); } // 未选中状态使用蓝色填充 else { painter->setBrush(originalBrush); } // 绘制矩形（继承父类绘制逻辑） painter->drawRect(rect()); } }; // 使用示例 CustomItem *item = new CustomItem(QRectF(0, 0, 100, 100)); item->setBrush(Qt::blue); // 设置默认颜色 scene->addItem(item); ``` #### 方法二：使用 QGraphicsColorizeEffect（简单效果） ```cpp #include <QGraphicsColorizeEffect> // 创建图形项 QGraphicsRectItem *item = new QGraphicsRectItem(0, 0, 100, 100); item->setBrush(Qt::blue); item->setFlag(QGraphicsItem::ItemIsSelectable); scene->addItem(item); // 创建颜色效果 QGraphicsColorizeEffect *effect = new QGraphicsColorizeEffect; effect->setColor(Qt::red); // 选中时的颜色 // 连接选中状态变化信号 QObject::connect(item, &QGraphicsObject::selectedChanged, [=](bool selected) { item->setGraphicsEffect(selected ? effect : nullptr); }); ``` ### 关键实现要点 1. **启用可选标志** 必须设置 `ItemIsSelectable` 标志： ```cpp item->setFlag(QGraphicsItem::ItemIsSelectable); ``` 2. **状态检测方法** 在 paint() 函数中检测选中状态： ```cpp if (isSelected()) { /* 选中状态处理 */ } ``` 3. **颜色选择原则** - 使用高对比度颜色（如红/蓝组合） - 保持未选中状态的颜色一致性 - 考虑色盲用户的视觉体验 4. **高级效果扩展** 可实现渐变或动画效果： ```cpp // 在paint()中添加渐变效果 if (isSelected()) { QLinearGradient gradient(rect().topLeft(), rect().bottomRight()); gradient.setColorAt(0, Qt::yellow); gradient.setColorAt(1, Qt::red); painter->setBrush(gradient); } ``` ### 不同图形项的实现差异 | 图形项类型 | 变色实现位置 | 示例方法 | |------------------|----------------------|---------------------------| | 基本图形项 | paint() 函数 | `painter->setBrush()` | | 文本项 | setDefaultTextColor | `setDefaultTextColor()` | | 路径项 | setBrush/setPen | 在选中状态时调用 | | 代理部件 | 样式表修改 | `widget->setStyleSheet()` | > **性能提示**：对于复杂场景，避免在 paint() 中进行复杂计算，可提前缓存颜色状态[^1][^2]。 ### 完整工作流程 1. 创建自定义图形项类 2. 重写 paint() 方法 3. 在 paint() 中检测 `isSelected()` 4. 根据状态设置不同绘制属性 5. 添加到场景并设置 `ItemIsSelectable` 标志 6. (可选) 添加选中/取消选中的动画效果
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值