如何使用Qt qml的canvas画图

2024-10-12 03:25:41

1、首先,我们创建一个qtquick工程。

如何使用Qt qml的canvas画图

3、然后我们选择Qt编译器版本,这里有个withui.qmlfile选项,这里我们一般手写代码的话就不勾选这个了,如果你要像QtDesigner那样拖动控件一样布置qml组件,那就选上吧。

如何使用Qt qml的canvas画图

5、最后,关于版本控制的问题,大家有则配置,无则不配置了。直接点完成即可。项目创建完毕。

如何使用Qt qml的canvas画图

7、和其他组件一样,Canvas组件是继承自Item的。Qt5.0以上才有的,所以Qt4的话,秃赈沙嚣建议你换个Qt5了。此时,我们还需要添加一个onPaint操辑湃形傥作,Canvas绘图是在paint信号发出后才进行的。这里我们需要设置Canvas的内容Context。

如何使用Qt qml的canvas画图如何使用Qt qml的canvas画图如何使用Qt qml的canvas画图

10、最后我们把图片画上去。这里图片的处理和上面图形的处理是不一样的,注意了,我们需要首先在Canvas对象生成的时候加载图片,然后在onPaint属性里面绘制,最后需要添加图片加载完成后请求绘制动作才可以的。如下图。其他更多丰富的图形,我们以后再讲吧。

如何使用Qt qml的canvas画图
猜你喜欢