Qt 2D演示程序使用手册

主要文件结构
qml/ (图形布局与控制)(Qml 部分)
-dialcontrol/
-big/
-big_1.png . big_4.png (最大表盘使用的素材)
-Big_1.qml . Big_14.qml (最大表盘的配置文件)
-mid/
-mid_1.png . mid_24.png (中等表盘使用的素材)
-Mid_1.qml . Mid_24.qml (中等表盘的配置文件)
-pointer/ (指针使用的素材)
-smal/
-Sma_1.png . Sma_15.png (最小表盘使用的素材)
-Sma_1.qml . Sma_15.qml (最小表盘的配置文件)
-dialcontrol.qml (表盘布局文件)
qmlaplicationviewr/ (窗体结构控制)(C+部分)
-qmlapicationview.cp
-qmlaplicationview.h
-qmlaplicationview.pri
diacontrol (可运行程序)
Makefile (Makefile)
 重要代码解析本程序使用 Qt 做开发平台,结合 C++与 Qml 的开发模式。QML 可以在脚本里创建图形对象,并且支持各种图形特效,以及状态机等,同时又能跟 Qt 写的 C++代码行方便的交互,使用起来非常方便。语法格式非常像 CS,并支持 javscript 形式的编程控制。理论上 C+用于控制窗体类型与后台逻辑,Qml 负责前台图形排版与渲染。 本程序使用 C+用于控制窗体类型,Qml 负责前台图形排版、渲染与逻辑。
以 Big_1.qml 为例。
shift 控制图像的偏转角度
sec 控制图像的刷新频率,单位 ms
hou 控制图像每次的旋转角度
random 时候使用随机旋转
Image{
id:background;
source:”big_1.png” } 设定了图像的背景为 big_1.png
function timeChanged(){
} 该函数设定了随时间增长而产生的变换
Timer{
interval: 设定时间函数执行间隔
onTrigerd: timeChanged() 指定时间函数
}
Image{
x:
y: 贴图位置
source: 设定指针素材
transform : Rotaion{
orign: 图像按照此坐标旋转
angle: 图像的偏转角度
} 设定指针旋转方式
以 dialcontrol.qml 为例。
Grid{
}
Column{
} 设定图像的排版模式C+方面的控制详见 Qtuick 相关的资料(附录文档部分有一些可参考 资料)。
 使用方法
【1】不需加入复杂逻辑时:
用户可以通过修改 dailcontrol.qml 文件来调整表盘的布局。(使用Column , Row,Grid 来控制整体布局) 当要增加新的表盘时,
(1)制作新的 PNG 图像;
(2)仿照已有的.qml 文件来编写新的控制文件;
【2】在原程序之上加入复杂逻辑时:
< 建议使用 C+后台处理逻辑后,传给 Qml 前台显示。
C+方面的控制详见 Qtuick 相关的资料(附录文档部分有一些可参考资料)。

本页面最后修改于2016年7月21日 (星期四) 08:48。

© 2019 by 龙芯开源社区 • Powered by MediaWiki
京ICP备14017781号