开源鸿蒙应用项目开发教程（微课版）课件 第11次课 动画-属性动画与显式动画.pptxVIP

《鸿蒙应用安全开发》在线开放课程

项目3

设计闹钟程序-动画

主讲：本课程团队

目录Contents

项目3设计闹钟程序-动画

一、项目导入

二、属性动画

三、显式动画

四、总结与实践

一、项目导入

云林科技为了更好地服务员工，将上线一款可以独立使用的在线提醒程序，因此需开发一个闹钟程序，公司经理把任务交给技术部黎工程师来完成，并提出如下需求：首先要有美观的界面，可以方便进行各种操作；其次，要有扩展性，后期可以嵌入公司APP；第三，使用方便，只需手机就可参与。闹钟程序界面设计如图所示。

1.2、动画概念

动画是指在一段时间内多次改变用户界面（UserInterface，UI）外观。由于人眼会产生视觉暂留，所以最终看到的就是一个“连续”的画面。UI的一次改变称为一个动画帧，对应一次屏幕刷新，而决定动画流畅度的一个重要指标就是帧率（FramePerSecond，FPS），即每秒的动画帧数，帧率越高则动画就会越流畅。

动画可按基础能力分为属性动画、显式动画、转场动画三种。

二、属性动画

属性动画是因组件的某些通用属性变化而引起的渐变过渡效果，从而提升了用户体验。属性动画支持的属性包括width、height、backgroundColor、opacity、scale、rotate、translate等。

其可选参数如下。

duration：设置动画时长，其默认值为10