美文网首页
官方例子-kriacluster3ddemo 第一章

官方例子-kriacluster3ddemo 第一章

作者: 技术喵 | 来源:发表于2019-07-08 07:45 被阅读0次

今天我们来通过官方例子,学习Qt 3D Studio开发

0_1525999711931_5a947921-b5b8-4fdf-a918-8a844aefa535-image.png

启动时候,两个仪表盘会旋转

0_1526000081717_20180511_085157 (1).gif

分析过程

1.演示文稿加载了mainPresentation.uia

Presentation {
            id: cluster
            source: "qrc:/presentation/mainPresentation.uia"
}

2.Studio默认启动时候播放2D这个幻灯片,持续1s,没动画,播放结束自动跳到下一个幻灯片

0_1526001296538_9d9457ef-37e8-4a25-b463-a13dad9a7d27-image.png

3.TurnGauges这个幻灯片,执行了一个小动画,注意右侧Rotation,播放结束自动跳到下一个幻灯片

0_1526001906611_20180511_092330.gif

仪表盘分4部分组成


0_1526002196787_d10fa0ea-3821-48fe-ae4b-0d3787428a21-image.png

4.Base这个幻灯片, 一进入就是暂停状态,也没有动画

0_1526002337918_91db3734-aa95-47ba-b14e-6dd701f73e16-image.png

5.Presentation对Base阶段进行了判定,触发后续动作

onSlideEntered: {
    if (name === "Base")
        startupAnimation = false;
}

特效

mainPresentation.uip工程里并没有看到红色特效,但是mainPresentation.uia效果里面有特效

因为mainPresentation只是总演示文稿,它还有很多子演示文稿,其中就有tachoBackground和speedBackground

0_1526004467793_ddd2ff2d-6f84-4796-957f-04a7e9196754-image.png 0_1526004827770_166996ef-8dae-4af3-964e-8b26e96d1f99-image.png

颜色特效分红色,和蓝色,默认红色

DataInput {
    name: "colorSlide"
    value: redTheme ? "red" : "blue"
}

注意左侧中间有个colorSlide,代码通过控制colorSlide变量,实现两个幻灯片切换,达到切换特效的效果

0_1526005579774_20180511_102441.gif

至此,开机3D动画部分理解完毕

小练习

程序里可以设置颜色,但是我切换颜色后,两个表盘颜色没有改变,原来是绑定有问题,原绑定带,重新绑定后没有了

0_1526007857647_2f110c7a-695c-454f-a4c9-5b94f7c42f6e-image.png 0_1526008088145_20180511_110607.gif

相关文章

网友评论

      本文标题:官方例子-kriacluster3ddemo 第一章

      本文链接:https://www.haomeiwen.com/subject/sksihctx.html