愚公

上一篇介绍了用Qt Quick的基本元素自定义Button，本篇介绍第二种方式。Qt Quick提供了很多现成的控件，在包Qt.Quick.Controls中，我们可以直接利用这些控件进行自定义而不用重复造轮子。下面以RadioButton为例，同在一个父类的RadioButton只有一个可以被选中，当然这个功能我们自己也能实现，但直接使用Qt.Quick.Controls定义好的RadioButton显然更为方便。

使用Qt Quick自定义Button

三、在openglitem中链接QQuickWindow::beforeSynchronizing信号，注意连接方式为Qt::DirectConnection。一、首先在main函数中，调用QQuickWindow::setGraphicsApi(QSGRendererInterface::OpenGL);四、在QQuickWindow::beforeSynchronizing信号的槽函数sync中将窗口的宽高值传给OpenGL渲染类。五、定义openglrenderer类，该类是OpenGL的渲染类。

代码中创建了5个Rectangle，给x属性设置了不同的easing.type，运行后可以观察不同插值的效果。QML中内置了一些动画插值类型。不同的插值类型可以通过Animation的easing属性设置。1. 创建工程在Main.qml，中编写如下代码。

上节介绍了Component的概念，本节介绍一下如何使用javascript动态创建对象。1. 创建工程，新建一个MyComponent.qml的qml。连续点击鼠标红框会出现和消失。2. 编辑main.qml。它很简单就是一个红色框。

介绍QML中Component的概念

前面介绍了用C++定义QML类型，通常在使用Qt Quick开发项目时，C++定义后端数据类型，前端则完全使用QML实现。而QML类型或Qt Quick中的类型时不免需要为对象增加一些属性，本篇就来介绍如何自定义属性。在窗口中点击鼠标便可以在Qt Creator中看到如下Log了。1. 创建项目，并编辑Main.qml。

简单介绍QML中Item对象及信号和槽

用C++定义一个QML的元素类型

基本的QML粒子系统使用方法

NumberAnimation是animation的一种，专门处理值类型是实数类型的属性。rotation的值就是实数，所以可用为它添加一个NumberAnimation对象。它的作用是在指定的属性上添加animation，并且在指定属性值改变时执行这个animation。NumberAnimation的duration值指定了动画执行的时间，单位是ms。在QML中直接跟{}的都可以看作是一个对象，比如以上代码的Image、MouseArea、Behavior。1. 编辑main.qml。

正常在串口中每点击一次鼠标，窗口中的图片就会顺时针转90度。1. 编辑main.qml。

QML中显示Image和QT资源文件在CMake中的使用方法。

在“Images.qrc”上右键点击->Open in Editor。我放在【Resources/Images】下，你随意。出现名为“Images.qrc”的qrc类型文件。选择 Qt->Qt Resource File。我填“Images”你随意。点击添加文件，选择放置好的资源文件。2. 将资源文件放置在工程目录中。文件->New File...1. 下图为要添加的资源文件。填写前缀我使用“/”你随意。3. 添加qrc类型文件。

QML创建工程