参考链接

1. Qt开发技术：图形视图框架（二）场景QGraphicsScene、QGraphicsItem与QGraphicsView详解
2. QGraphicsScene的功能

程序运行效果

要点

模块拆分

界面方面可以分为两个大体，色盘与机器人；

主体界面

• 使用 QGraphicsScene 做为图形管理器，并利用 QGraphicsView 的派生类 GraphicsView 将视图显示出来；
• 视图在创建时建立了自己的坐标系；
• 在自身坐标系的基础上利用三角函数创建了10个色盘；
• 色盘与机器人对象都被 QGraphicsScene 管理从而显示出来。

色盘

• 项目中实现色盘的类是 ColorItem，这个类是 QGraphicsItem 的派生类；
• 主要是重写了基类的方法，包括绘制、响应鼠标事件；
• 色盘总共有10个，颜色在程序运行时随机生成；
• 监测鼠标的左击、移动、释放事件，同时修改鼠标游标的显示，从而实现拖动的效果；

机器人

• 这里体现了继承的思想，自定义基类 RobotPart（继承于 QGraphicsObject）。重写 QWidget 的拖动进入、拖动离开、拖动释放事件；
• 机器人头、躯干、四肢均继承于 RobotPart，各自实现绘制、拖动效果。
• 机器人类 Robot 同样继承于 RobotPart。在构造函数中，创建头部、躯干、四肢对象，通过设置每个部分的位置，将其拼凑为一个完整的机器人；
• 添加动画管理。设置每个部件的动画行为，将其加入 QParallelAnimationGroup 中，最后开启动画即可。

涉及的Qt类

QGraphicsScene

• QGraphicsScene 提供了接口来管理大量的2D图形 item（如圆，矩形，线等）；
• 自身不带有显示功能，只是管理 item。显示需要创建 GraphicsView；
  • 当场景更改时(当项目移动或转换时)，QGraphicScene 会发出 changed() 信号。若要删除项，请调用 RemoveItem()。
• 可以从 QGraphicsView 传播事件；
  • 可以设置焦点、检测焦点的获得与失去、获取鼠标事件；

QGraphicsView

• 提供一个窗口，用于显示 QGraphicsScene 的内容；如果显示不全，会展示滚动条；

QGraphicsItem

• QGraphicsItem 类是 QGraphicsScene 中所有图形项的基类；
• QGraphicsEllipseItem 提供椭圆项
• QGraphicsLineItem 提供直线项
• QGraphicsPathItem 提供任意路径项
• QGraphicsPixmapItem 提供pixmap项
• QGraphicsPolygonItem 提供多边形项
• QGraphicsRectItem 提供矩形项
• QGraphicsSimpleTextItem 提供简单的文本标签项
• QGraphicsTextItem 提供高级文本浏览器项

QGraphicsObject

• QGraphicsObject 继承自 QObject 和 QGraphicsItem；

QDrag

参考链接

1. QDrag

主要实现拖放方面的逻辑；

QMimeData

拖放的时候，用于存储色盘的信息；

QParallelAnimationGroup

动画组，管理每个控件的动画；

QPropertyAnimation

设置某个控件的动画行为；