广东省建设教育协会官方网站首页,宣传片拍摄方案范本,wordpress导航站模版,企业的网站建设公司组件的某些通用属性变化时#xff0c;可以通过属性动画实现渐变过渡效果#xff0c;提升用户体验。支持的属性包括width、height、backgroundColor、opacity、scale、rotate、translate等。布局类改变宽高的动画#xff0c;内容都是直接到终点状态#xff0c;例如文字、can…组件的某些通用属性变化时可以通过属性动画实现渐变过渡效果提升用户体验。支持的属性包括width、height、backgroundColor、opacity、scale、rotate、translate等。布局类改变宽高的动画内容都是直接到终点状态例如文字、canvas的内容、linearGradient等如果要内容跟随宽高变化可以使用renderFit属性配置。 说明 从API Version 7开始支持。后续版本如有新增内容则采用上角标单独标记该内容的起始版本。 animation(value: {duration?: number, tempo?: number, curve?: string | Curve | ICurve, delay?:number, iterations?: number, playMode?: PlayMode, onFinish?: () void})
从API version 9开始该接口支持在ArkTS卡片中使用。
参数
名称参数类型必填描述durationnumber否动画时长单位为毫秒。 默认值1000 从API version 9开始该接口支持在ArkTS卡片中使用。说明 - 在ArkTS卡片上最大动画持续时间为1000毫秒。 - 设置小于0的值时按0处理。 - 设置浮点型类型的值时向下取整。例如设置值为1.2按照1处理。temponumber否动画播放速度。数值越大动画播放速度越快数值越小播放速度越慢。 值为0时表示不存在动画。 默认值1说明 当设置小于0的值时按值为1处理。curvestring | Curve | ICurve9否设置动画曲线。 默认值Curve.EaseInOut 从API version 9开始该接口支持在ArkTS卡片中使用。delaynumber否动画延迟播放时间。单位为毫秒默认不延时播放。 默认值0 取值范围(-∞, ∞)说明 - delay0为延迟播放delay0表示提前播放。对于delay0的情况当delay的绝对值小于实际动画时长动画将在开始后第一帧直接运动到delay绝对值的时刻的状态当delay的绝对值大于等于实际动画时长动画将在开始后第一帧直接运动到终点状态。其中实际动画时长等于单次动画时长乘以动画播放次数。 - 设置浮点型类型的值时向下取整。例如设置值为1.2按照1处理。iterationsnumber否动画播放次数。 默认值1 取值范围[-1, ∞)说明 设置为-1时表示无限次播放。设置为0时表示无动画效果。playModePlayMode否动画播放模式默认播放完成后重头开始播放。 默认值PlayMode.Normal 从API version 9开始该接口支持在ArkTS卡片中使用。 相关使用约束请参考PlayMode说明。onFinish() void否结束回调动画播放完成时触发。 从API version 9开始该接口支持在ArkTS卡片中使用。说明 当iterations设置为-1时动画效果无限循环不会停止所以不会触发此回调。 PlayMode说明 PlayMode推荐使用PlayMode.Normal和PlayMode.Alternate此场景下动画的第一轮是正向播放的。如使用PlayMode.Reverse和PlayMode.AlternateReverse则动画的第一轮是逆向播放的在动画刚开始时会跳变到终止状态然后逆向播放动画。使用PlayMode.Alternate或PlayMode.AlternateReverse时开发者应保证动画最终状态和状态变量的取值一致即应保证动画的最后一轮是正向播放的。使用PlayMode.Alternate时iterations应为奇数。使用PlayMode.AlternateReverse时iterations应为偶数。不推荐使用PlayMode.Reverse此场景下不仅会导致动画刚开始就跳变到终止状态也会导致动画最终状态和状态变量的取值不同。 示例
// xxx.ets
Entry
Component
struct AttrAnimationExample {State widthSize: number 250State heightSize: number 100State rotateAngle: number 0State flag: boolean truebuild() {Column() {Button(change size).onClick(() {if (this.flag) {this.widthSize 150this.heightSize 60} else {this.widthSize 250this.heightSize 100}this.flag !this.flag}).margin(30).width(this.widthSize).height(this.heightSize).animation({duration: 2000,curve: Curve.EaseOut,iterations: 3,playMode: PlayMode.Normal})Button(change rotate angle).onClick(() {this.rotateAngle 90}).margin(50).rotate({ angle: this.rotateAngle }).animation({duration: 1200,curve: Curve.Friction,delay: 500,iterations: -1, // 设置-1表示动画无限循环playMode: PlayMode.Alternate})}.width(100%).margin({ top: 20 })}
} 最后
有很多小伙伴不知道学习哪些鸿蒙开发技术不知道需要重点掌握哪些鸿蒙应用开发知识点而且学习时频繁踩坑最终浪费大量时间。所以有一份实用的鸿蒙HarmonyOS NEXT资料用来跟着学习是非常有必要的。
这份鸿蒙HarmonyOS NEXT资料包含了鸿蒙开发必掌握的核心知识要点内容包含了ArkTS、ArkUI开发组件、Stage模型、多端部署、分布式应用开发、音频、视频、WebGL、OpenHarmony多媒体技术、Napi组件、OpenHarmony内核、Harmony南向开发、鸿蒙项目实战等等鸿蒙HarmonyOS NEXT技术知识点。
希望这一份鸿蒙学习资料能够给大家带来帮助有需要的小伙伴自行领取限时开源先到先得~无套路领取
获取这份完整版高清学习路线请点击→纯血版全套鸿蒙HarmonyOS学习资料
鸿蒙HarmonyOS NEXT最新学习路线 HarmonOS基础技能 HarmonOS就业必备技能 HarmonOS多媒体技术 鸿蒙NaPi组件进阶 HarmonOS高级技能 初识HarmonOS内核 实战就业级设备开发 有了路线图怎么能没有学习资料呢小编也准备了一份联合鸿蒙官方发布笔记整理收纳的一套系统性的鸿蒙OpenHarmony 学习手册共计1236页与鸿蒙OpenHarmony 开发入门教学视频内容包含ArkTS、ArkUI、Web开发、应用模型、资源分类…等知识点。
获取以上完整版高清学习路线请点击→纯血版全套鸿蒙HarmonyOS学习资料
《鸿蒙 (OpenHarmony)开发入门教学视频》 《鸿蒙生态应用开发V2.0白皮书》 《鸿蒙 (OpenHarmony)开发基础到实战手册》
OpenHarmony北向、南向开发环境搭建 《鸿蒙开发基础》
ArkTS语言安装DevEco Studio运用你的第一个ArkTS应用ArkUI声明式UI开发.…… 《鸿蒙开发进阶》
Stage模型入门网络管理数据管理电话服务分布式应用开发通知与窗口管理多媒体技术安全技能任务管理WebGL国际化开发应用测试DFX面向未来设计鸿蒙系统移植和裁剪定制…… 《鸿蒙进阶实战》
ArkTS实践UIAbility应用网络案例…… 获取以上完整鸿蒙HarmonyOS学习资料请点击→纯血版全套鸿蒙HarmonyOS学习资料
总结
总的来说华为鸿蒙不再兼容安卓对中年程序员来说是一个挑战也是一个机会。只有积极应对变化不断学习和提升自己他们才能在这个变革的时代中立于不败之地。
