README.md
1# Animation
2
3## Introduction
4
5This sample demonstrates the effect of the **AnimatorProperty** and **Explicit Animation**.
6
7## Usage
8
91. Touch the round image on the home screen of the sample app to expand other images. This demonstrates the implementation of rotation and translation. Touch the round image again to collapse the images.
10
112. Touch any expanded image to play the **AnimatorProperty**. This demonstrates the implementation of the rotation, scaling, and opacity change of the image.
12
133. Touch the plus sign at the bottom of the home screen to increase the number of images. Touch the minus sign to decrease the number of images. The maximum number of images is 8, and the minimum number is 3. The default number is **3**.
14
15## Constraints
16
17This sample can only be run on standard-system devices.
18
README_zh.md
1# 动画
2
3### 简介
4
5本示例通过点击按钮触发动画，向用户展示属性动画与显式动画的效果。效果图如下：
6
7 
8
9### 相关概念
10
11属性动画：组件的通用属性发生变化时，可以创建属性动画进行渐变，提升用户体验。
12
13显式动画：提供全局animateTo显式动画接口来指定由于闭包代码导致的状态变化插入过渡动效。
14
15### 相关权限
16
17不涉及。
18
19## 使用说明
20
211.点击屏幕中的圆形图片，播放显式动画展开其它图片，实现整体的旋转与位移变换。再次点击主屏幕中间圆形图片，将其它图片收拢。
22
232.点击展开后的任一图片，播放属性动画，实现图片的自转、缩放与透明度变换。
24
253.点击页面下方加号按钮，将增加图片数量；点击减号按钮，将减少图片数量。图片数量最多增加至8张，最少减少至3张，默认为3张。
26
27## 约束与限制
28
291.本示例仅支持在标准系统上运行。
30
312.本示例需要使用DevEco Studio 3.0 Beta4 (Build Version: 3.0.0.992, built on July 14, 2022)才可编译运行。
