绘图中 QRect 与 QRectF 的不同

绘图中 QRect 与 QRectF 的不同

起因

最近在使用 QRadialGradient 绘制图片时,将 QRect::center() 作为参数传给了 QRadialGradient ,但是当程序运行时,我发现图案中心往左上偏移了一点点,如图所示:

代码演示:

c++ 复制代码
QRect rect(0, 0, 20, 20);
QRadialGradient radialGradient(rect.center(), 20 / 2);
radialGradient.setColorAt(0, Qt::white);
radialGradient.setColorAt(0.5, Qt::white);
radialGradient.setColorAt(0.6, Qt::gray);
radialGradient.setColorAt(1.0, Qt::gray);

于是便有了这篇简单的思考

解决方案

将 QRect 换成 QRectF 就可以解决

代码演示:

c++ 复制代码
QRectF rect(0, 0, 20, 20);
QRadialGradient radialGradient(rect.center(), 20 / 2);
radialGradient.setColorAt(0, Qt::white);
radialGradient.setColorAt(0.5, Qt::white);
radialGradient.setColorAt(0.6, Qt::gray);
radialGradient.setColorAt(1.0, Qt::gray);

此时你可以看到你想要的图案了

这里是我粗心大意了,其实,仔细看看官方文档,会发现,文档中其实有如下定义的:

解释

QRect 是整型版本,QRectF 是精度更高的浮点型版本

对于 QRect,由于历史原因,bottom()和 right()函数返回的值并不是真正的矩形的右下角,right()返回的值与 left()+width()-1 相同,bottom()返回的值与 top()+height()-1 相同,同理

对于 QRectF, right()返回的值与 left()+width() 相同,bottom()返回的值与 top()+height() 相同

下面是官方的文档截图

相关推荐
Quz7 小时前
QML TreeView:排序与搜索过滤
qt
Quz8 小时前
QML TreeView:基础树视图与自定义委托
qt
Junfeng的技术笔记14 小时前
基于 C++/Qt 的雷达回波信号检测与测距仿真系统
qt
Quz14 小时前
QML TableView:自定义样式与排序表格
qt
Quz14 小时前
QML TableView:可编辑表格与 SQLite 数据持久化
qt·sqlite
Quz14 小时前
QML ListView:C++ 数据模型与 ProxyModel 实时过滤
qt
Quz14 小时前
QML ListView 入门:自定义样式与数据交互
qt
cpp_learner14 小时前
QT 隐藏式密码鉴权:一键开启管理员模式
qt
慧都小项6 天前
当边缘AI上产线:QtitanDocking 如何让工业 HMI 实现多视图协同
人工智能·qt·ui·边缘计算·qt6.3
Quz6 天前
QML SwipeDelegate 滑动委托
qt