社区服务呼叫系统 网站的建设,网站效果图设计,用div做网站代码,游戏网站html模板提供帧动画组件来实现逐帧播放图片的能力#xff0c;可以配置需要播放的图片列表#xff0c;每张图片可以配置时长。 说明#xff1a; 该组件从API Version 7开始支持。后续版本如有新增内容#xff0c;则采用上角标单独标记该内容的起始版本。 子组件 无 接口 ImageAni…提供帧动画组件来实现逐帧播放图片的能力可以配置需要播放的图片列表每张图片可以配置时长。 说明 该组件从API Version 7开始支持。后续版本如有新增内容则采用上角标单独标记该内容的起始版本。 子组件 无 接口 ImageAnimator() 从API version 10开始该接口支持在ArkTS卡片中使用。 属性 除支持通用属性外还支持以下属性 参数名称参数类型参数描述imagesArrayImageFrameInfo设置图片帧信息集合。每一帧的帧信息(ImageFrameInfo)包含图片路径、图片大小、图片位置和图片播放时长信息详见ImageFrameInfo属性说明。 默认值[]说明 不支持动态更新。 从API version 10开始该接口支持在ArkTS卡片中使用。stateAnimationStatus默认为初始状态用于控制播放状态。 默认值AnimationStatus.Initial 从API version 10开始该接口支持在ArkTS卡片中使用。durationnumber单位为毫秒默认时长为1000msduration为0时不播放图片值的改变只会在下一次循环开始时生效当images中任意一帧图片设置了单独的duration后该属性设置无效。 默认值1000 从API version 10开始该接口支持在ArkTS卡片中使用。reverseboolean设置播放方向。false表示从第1张图片播放到最后1张图片 true表示从最后1张图片播放到第1张图片。 默认值false 从API version 10开始该接口支持在ArkTS卡片中使用。fixedSizeboolean设置图片大小是否固定为组件大小。 true表示图片大小与组件大小一致此时设置图片的width 、height 、top 和left属性是无效的。false表示每一张图片的width 、height 、top和left属性都要单独设置。 默认值true 从API version 10开始该接口支持在ArkTS卡片中使用。preDecode(deprecated)number预解码的图片数量。例如该值设为2则播放当前页时会提前加载后面两张图片至缓存以提升性能。 从API version 9开始废弃。 默认值0fillModeFillMode设置当前播放方向下动画开始前和结束后的状态可选值参见FillMode说明。动画结束后的状态由fillMode和reverse属性共同决定。例如fillMode为Forwards表示停止时维持动画最后一个关键帧的状态若reverse为false则维持正播的最后一帧即最后一张图若reverse为true则维持逆播的最后一帧即第一张图。 默认值FillMode.Forwards 从API version 10开始该接口支持在ArkTS卡片中使用。iterationsnumber默认播放一次设置为-1时表示无限次播放。 默认值1 ImageFrameInfo对象说明 参数名称参数类型必填参数描述srcstring | Resource9是图片路径图片格式为svgpng和jpg从API Version9开始支持Resource类型的路径。 从API version 10开始该接口支持在ArkTS卡片中使用。widthnumber | string否图片宽度。 默认值0 从API version 10开始该接口支持在ArkTS卡片中使用heightnumber | string否图片高度。 默认值0 从API version 10开始该接口支持在ArkTS卡片中使用topnumber | string否图片相对于组件左上角的纵向坐标。 默认值0 从API version 10开始该接口支持在ArkTS卡片中使用leftnumber | string否图片相对于组件左上角的横向坐标。 默认值0 从API version 10开始该接口支持在ArkTS卡片中使用durationnumber否每一帧图片的播放时长单位毫秒。 默认值0 事件 除支持通用事件外还支持以下事件 名称功能描述onStart(event: ()  void)状态回调动画开始播放时触发。 从API version 10开始该接口支持在ArkTS卡片中使用。onPause(event: ()  void)状态回调动画暂停播放时触发。 从API version 10开始该接口支持在ArkTS卡片中使用。onRepeat(event: ()  void)状态回调动画重复播放时触发。onCancel(event: ()  void)状态回调动画返回最初状态时触发。 从API version 10开始该接口支持在ArkTS卡片中使用。onFinish(event: ()  void)状态回调动画播放完成时或者停止播放时触发。 从API version 10开始该接口支持在ArkTS卡片中使用。 示例 // xxx.ets Entry Component struct ImageAnimatorExample {State state: AnimationStatus AnimationStatus.InitialState reverse: boolean falseState iterations: number 1build() {Column({ space: 10 }) {ImageAnimator().images([{src: $r(app.media.img1)},{src: $r(app.media.img2)},{src: $r(app.media.img3)},{src: $r(app.media.img4)}]).duration(2000).state(this.state).reverse(this.reverse).fillMode(FillMode.None).iterations(this.iterations).width(340).height(240).margin({ top: 100 }).onStart(() {console.info(Start)}).onPause(() {console.info(Pause)}).onRepeat(() {console.info(Repeat)}).onCancel(() {console.info(Cancel)}).onFinish(() {console.info(Finish)this.state AnimationStatus.Stopped})Row() {Button(start).width(100).padding(5).onClick(() {this.state AnimationStatus.Running}).margin(5)Button(pause).width(100).padding(5).onClick(() {this.state AnimationStatus.Paused // 显示当前帧图片}).margin(5)Button(stop).width(100).padding(5).onClick(() {this.state AnimationStatus.Stopped // 显示动画的起始帧图片}).margin(5)}Row() {Button(reverse).width(100).padding(5).onClick(() {this.reverse !this.reverse}).margin(5)Button(once).width(100).padding(5).onClick(() {this.iterations 1}).margin(5)Button(infinite).width(100).padding(5).onClick(() {this.iterations -1 // 无限循环播放}).margin(5)}}.width(100%).height(100%)} } 最后有很多小伙伴不知道学习哪些鸿蒙开发技术不知道需要重点掌握哪些鸿蒙应用开发知识点而且学习时频繁踩坑最终浪费大量时间。所以有一份实用的鸿蒙Harmony NEXT资料用来跟着学习是非常有必要的。  这份鸿蒙Harmony NEXT资料包含了鸿蒙开发必掌握的核心知识要点内容包含了ArkTS、ArkUI开发组件、Stage模型、多端部署、分布式应用开发、音频、视频、WebGL、OpenHarmony多媒体技术、Napi组件、OpenHarmony内核、Harmony南向开发、鸿蒙项目实战等等鸿蒙Harmony NEXT技术知识点。 希望这一份鸿蒙学习资料能够给大家带来帮助有需要的小伙伴自行领取限时开源先到先得~无套路领取 获取这份完整版高清学习路线请点击→纯血版全套鸿蒙HarmonyOS学习资料 鸿蒙Harmony 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学习资料 总结 总的来说华为鸿蒙不再兼容安卓对中年程序员来说是一个挑战也是一个机会。只有积极应对变化不断学习和提升自己他们才能在这个变革的时代中立于不败之地。