• Home
  • Line#
  • Scopes#
  • Navigate#
  • Raw
  • Download
1# 动画
2
3### 简介
4
5本示例通过点击按钮触发动画,向用户展示属性动画与显式动画的效果。效果图如下:
6
7![](screenshots/devices/main.png) ![](screenshots/devices/show.png)
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)才可编译运行。