QML
文章平均质量分 61
6小贱
这个作者很懒,什么都没留下…
展开
-
QML之九:动画
动画动画被用于属性的改变。一个动画定义了属性值改变的曲线,将一个属性值变化从一个值过渡到另一个值。动画是由一连串的目标属性活动定义的,平缓的曲线算法能够引发一个定义时间内属性的持续变化。所有在 QtQuick 中的动画都由同一个计时器来控制,因此它们始终都保持同步,这也提高了动画的性能和显示效果。注意:动画控制了属性的改变,也就是值的插入。QML 是基于元素,属性与脚本的。每一个元素都提供了许多的属性,每一个属性都在等待使用动画。// Animation.qmlimport Qt原创 2021-07-20 10:02:59 · 248 阅读 · 0 评论 -
QML之八:输入元素
文本输入TextInput 文本输入允许用户输入一行文本。这个元素支持使用正则表达式验证器来限制输入和输入掩码的模式设置。KeyNavigation(按键向导)附加属性可以预先设置一个元素 id 绑定切换焦点的按键。// TextInput.qmlimport QtQuick 2.2import QtQuick.Window 2.2Window{ height: 600;width: 800 Rectangle { width: 200 ...原创 2021-07-19 18:43:38 · 232 阅读 · 0 评论 -
QML之七:布局元素
布局元素QML 使用 anchors(锚)对元素进行布局。anchoring(锚定)是基础元素对象的基本属性,可以被所有的可视化 QML 元素使用。一个 anchors(锚)就像一个协议,并且比几何变化更加强大。Anchors(锚)是相对关系的表达式,通常需要与其它元素搭配使用。一个元素有6条锚定线: top (顶) bottom (底) left (左) right (右) horizontalCenter (水平中) verticalC原创 2021-07-19 17:56:58 · 246 阅读 · 0 评论 -
QML之六:定位元素
定位元素有一些 QML 元素被用于放置元素对象,它们被称作定位器,QtQuick 模块提供了 Row,Column,Grid,Flow 用来作为定位器。预先定义组件 DarkRender,BrightSquare, GreenSquare, BlueSquare, RedSquare:// DarkSquare.qmlimport QtQuick 2.0Rectangle { width: 48 height: 48 color: "#3C3C3C" ...原创 2021-07-19 17:08:57 · 436 阅读 · 0 评论 -
QML之五:简单转换
转换转换操作改变了一个对象的几何状态。QML 元素对象通常能够被平移,旋转,缩放: 位移是通过改变 x,y 坐标来完成的 旋转是改变 rotation(旋转)属性来完成的,这个值使用角度作为单位(0~360) 缩放是通过改变 scale(比例)的属性来完成的,小于1意味着缩小,大于1意味着放大 旋转与缩放不会改变对象的几何形状,对象的 x,y(坐标)与 width,height(宽/高)也类似,只有绘制指令是被转换的对象。首先创建一个组件 ClickableImag原创 2021-07-19 14:49:26 · 326 阅读 · 0 评论 -
QML之四:组件
目录组件组件一个组件是一个可以重复使用的元素,QML 提供几种不同的方法来创建组件。一个文件就是一个基础组件。一个以文件为基础的组件在文件中创建了一个 QML 元素,并且将文件以元素类型来命名。你可以像任何其它的 QtQuick 模块中使用元素一样来使用这个组件。编写一个 Button 组件:// Button.qmlimport QtQuick 2.0Rectangle { id: root // export button properties..原创 2021-07-19 14:15:15 · 217 阅读 · 0 评论 -
QML之三:基本元素
属性// Text.qmlimport QtQuick 2.0Text { // (1) identifier id: thisLabel // (2) set x- and y-position x: 24; y: 16 // (3) bind height to 2 * width height: 2 * width // (4) custom property property int times: 24 // (5) property alias prope原创 2021-07-16 18:38:59 · 258 阅读 · 0 评论 -
QML之二:基础语法
QML 基本语法QML是一种描述用户界面的声明式语言。它将用户界面分解成一些更小的元素,这些元素能够结合成一个组件。// Rectangle.qmlimport QtQuick 2.0Rectangle{ // name this element root id : root // property:<name> : <value> width:1000;height:800 color:"#D8D8D8" // define a nested原创 2021-07-16 17:47:26 · 175 阅读 · 0 评论 -
QML之一:Hello World
使用QQmlApplicationEngine 运行qml创建工程,直接运行。使用 QtQuick Prototype 运行 qml 文件创建工程,直接运行。使用 qml 工具运行qml文件创建 HelloWorld.q ml文件:import QtQuick 2.0Rectangle { width: 360 height: 360 Text { anchors.centerIn: parent ...原创 2021-07-16 16:43:11 · 161 阅读 · 0 评论