下载最新版本的Qt企业版
添加应用程序逻辑
新建项目向导将向main.qml文件添加示例代码，以创建菜单项和按钮。 删除旧代码，添加新代码以修改示例代码。 可以从UI表单中删除按钮。 此外，还必须从main.qml中删除相应的代码。 或者，无法创建APP。编辑main.qml文件，将指针添加到两种附加状态： State1和State2。 不能使用Qt quick设计器将状态添加到窗口qml类型中。 使用代码编辑器将状态添加到StateGroupQML类型中，并通过状态组的ID进行引用。
1 .顶部窗口的大小和背景颜色用作应用程序窗口类型的属性。
应用程序窗口{
可见：真
title : qstr (转换) )。
width: 330
height: 3302 .指定主表单类型的ID，以便可以使用在MainForm.ui.qml中导出的属性。
主表单
anchors .文件：父母
在id:page3.mousearea1中添加指针，然后添加到单击的表达式中。
高斯区域1
on clicked :状态组.状态='
将表达式设置为基本状态，并且图像将返回到原始位置。
将指针添加到在mouseArea2中单击的表达式，并将状态设置为State1。
高斯区域2
on clicked :状态组.状态='状态1 '
{5}5.将指针添加到在mouse area 3中单击的表达式中，并将状态设置为State2。
高斯区域3
on clicked :状态组.状态='状态2 '
}
}Qt logo的位置绑定为矩形，以便在视图缩放到不同大小的屏幕时，徽标将显示在矩形中。 将表达式的“x”和“y”属性设置如下：
状态组{2}
id :状态组
状态：
状态{2}
名称： '状态1 '
属性变更{2}
目标：页. icon
x :页. middlerightrect.x
y :页. middlerightrect.y
}
(、
状态{2}
名称： '状态2 '
属性变更{2}
目标：页. icon
x :页面.底部左反射. x
y :页面.底部左反射. y
}
}
]7. Ctrl R运行此APP应用程序。
单击矩形以将Qt徽标从一个矩形移动到另一个矩形。
添加动画到视图中
附加转换为状态组，用于定义Qt logo在不同状态之间移动时应如何更改属性。 此转换适用于将动画应用于Qt徽标。 例如，如果Qt徽标移动到middleRightRect并简化为bottomLeftRect，则会反弹。 在代码编辑器中添加转换。1 .在代码编辑器中，添加以下代码，指定移动到State1时Qt徽标的x坐标和y坐标超过1秒的线性更改。
翻译： [
传递{2}
来自： ' * '； to : '状态1 '
编号动画{2}
Easing.type : Easing.out bounce
属性： ' x，y '；
duration: 1000
}
，可以使用Qt Quick工具栏从线性出站更改动画的缓动曲线的类型。
在代码编辑器中，单击NumberAnimation以显示相应的图标，然后单击图标以打开工具栏。 在Easing字段中选择Bounce。 在Subtype字段中选择Out。 3 .添加以下代码，指定移动到State2时，Qt logo的x坐标和y坐标将线性变化超过2秒，并调用InOutQuad easing函数。
传递{2}
来自： ' * '； to : '状态2 '
编号动画{2}
属性： ' x，y '；
Esing.type : Easing.inout四核；
duration: 2000
}
}，4 .添加以下代码，指定移动到任意其他状态时，Qt logo的x坐标和y坐标超过200毫秒的线性变更。
传递{2}
编号动画{2}
属性： ' x，y '；
duration: 200
}
}
]5. Ctrl R运行此APP应用程序。
单击矩形以显示动画切换。 文件：
购买Qt企业的最新正版许可证！ 详情请参照“在线支持咨询”
新年快乐。 送礼，送祝福，送优待。
本网站文章除注明转载外，均为本网站原创或翻译