VAPS XT入门28:动画

系列索引:VAPS XT入门系列索引

本文拆自官方示例AnimationExample

一般拖拽界面时,界面从起点移动到终点,一般是直接移动过去,如果加上缓慢移动的效果就是动画。

但是一般机载不使用动画效果,因为飞机安全性比较高,如果因为这个可有可无的功能导致系统故障就麻烦了。

先了解:

工程

创建一个名为Animation的根工程

界面

向其中添加一个名为AnimationFmt的Format,作为显示界面

向Format中添加一个ClippingRegion,用于将控件的一部分隐藏起来。

在ClippingRegion中添加一个AnimationTranslateGroup用于实现动画效果。

在动画组件中添加一个Bezel作为背景,添加一个Image作为图标,添加一个Label作为文字显示标签

Bezel大小为(1276,256)

Label大小为(1024,256)

Image位置为(1024,0),即图标在Label右侧

动画控件的起始位置为(-1024,0),终点位置为(0,0),即初始状态标签所在的界面被隐藏到ClippingRegion不可见区域中。

animation

左侧的圆点是动画的起始点,圆点右侧的箭头是动画的移动终点。

EasingFunctionIndex为Linear

easingfunction

可以看到Linear就是线性函数,非常平滑。

事件

此时还不能实现动画效果,因为我们并没有调用动画的动作函数。

我们在Format中添加一个RectActiveArea用于捕获鼠标,当鼠标进入范围时就进行动作,鼠标离开范围时就至初始状态。

1
2
RectActiveArea_1.evEnter		AnimatedTranslateGroup_1.doAnimateToEnd()	
RectActiveArea_1.evExit AnimatedTranslateGroup_1.doAnimateToStart()
result

初始时只有一个小图标,鼠标进入范围内就是动画显示完整界面。

也可以试试其他EasingFunctions效果。

如果你有问题,如果是简单的问题可以发邮件给免费解惑,如果涉及难问题或者需要提供附加的服务(比如授权、大工程集成编译、多分区相关,或者作为中间商联系Presagis)可以联系上海亥伯智能科技有限公司 邮箱


VAPS XT入门28:动画
https://feater.top/vapsxt/introduction-vapsxt-animation
作者
JackeyLea
发布于
2022年6月14日
许可协议