.. _动画工具 :


动画工具
---------------------------------

动画工具提供：预览、编辑，插入，删除，改变帧顺序等功能，还可以将多个图片合成动画。

.. attention:: 
    - 动画控件只能处理分辨率一样的图片或者动画，以第一张图片或者第一帧图片的分辨率为准！！！
    - HMI工程如果使用旋转功能，必须使用动画工具对动画资源进行旋转，否则会导致动画资源不能正常播放

工具位置
++++++++++++++++

- 工具位于顶部菜单栏下， 依次选择 ``工具`` -> ``动画``

.. image:: image/动画工具/位置.png
    :align: center
    :alt: 动画工具位置

|

功能介绍
++++++++++++++++

动画工具界面如下图所示:

.. image:: image/动画工具/界面.png
    :align: center
    :alt: 动画工具界面

|

**功能区** : 位于窗口的顶端，所有功能和动画信息都在该区域
**资源区** : 位于窗口的左侧，所有添加的资源，会按照帧顺序依次列出
**预览区** : 位于窗口的右侧，可以预览资源和动画

功能区功能介绍：

- ``添加`` : 添加新的资源，图片或者动画, 必须确保资源的分辨率一样，否则资源无法添加成功
- ``插入`` : 从选定的位置插入新的资源
- ``删除`` : 从资源中删除选定的帧图片
- ``全删`` : 删除所有已插入的资源
- ``上移`` : 调整图片资源帧顺序，将其向上移动
- ``下移`` : 调整图片资源帧顺序，将其向下移动
- ``预览`` : 可以在工具中预览制作的动画
- ``保存`` : 保存制作的动画
- ``旋转`` : 适用于需要旋转屏幕的场景, 根据HMI工程旋转方向，选择对应的旋转角度即可