VAPS XT开发入门教程28：动画
系列索引：VAPS XT开发入门教程索引
本文拆自官方示例AnimationExample
一般拖拽界面时，界面从起点移动到终点，一般是直接移动过去，如果加上缓慢移动的效果就是动画。
但是一般机载不使用动画效果，因为飞机安全性比较高，如果因为这个可有可无的功能导致系统故障就麻烦了。
先了解：
- VAPS XT开发入门教程07：表元素介绍
- VAPS XT开发入门教程16：动画（Animation）介绍
- VAPS XT开发入门教程17：基本组（BasicGroups）介绍
- VAPS XT开发入门教程20：UI组件（UI Components）介绍
工程
创建一个名为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不可见区域中。
左侧的圆点是动画的起始点，圆点右侧的箭头是动画的移动终点。
EasingFunctionIndex为Linear
可以看到Linear就是线性函数，非常平滑。
事件
此时还不能实现动画效果，因为我们并没有调用动画的动作函数。
我们在Format中添加一个RectActiveArea用于捕获鼠标，当鼠标进入范围时就进行动作，鼠标离开范围时就至初始状态。
1 | |
初始时只有一个小图标，鼠标进入范围内就是动画显示完整界面。
也可以试试其他EasingFunctions效果。
如果你有问题，如果是简单的问题可以发邮件给免费解惑，如果涉及难问题或者需要提供附加的服务（比如授权、大工程集成编译、多分区相关，或者作为中间商联系Presagis）可以联系上海亥伯智能科技有限公司 邮箱
技术交流群，欢迎加入讨论。这个圈子很小，大佬可能没兴趣加这些群聊社区之类的。所以只能带你入门，当然，欢迎大佬指导
