网站外包开发,有很多长尾怎么做网站内容,汉中做网站,英文网站建设平台介绍
Lottie是一个适用于OpenHarmony的动画库#xff0c;它可以解析Adobe After Effects软件通过Bodymovin插件导出的json格式的动画#xff0c;并在移动设备上进行本地渲染#xff0c; 可以在各种屏幕尺寸和分辨率上呈现#xff0c;并且支持动画的交互性#xff0c;通过…介绍
Lottie是一个适用于OpenHarmony的动画库它可以解析Adobe After Effects软件通过Bodymovin插件导出的json格式的动画并在移动设备上进行本地渲染 可以在各种屏幕尺寸和分辨率上呈现并且支持动画的交互性通过添加触摸事件或其他用户交互操作使动画更加生动和具有响应性。
效果图预览 使用说明
1.进入页面点击动画卡片动画播放并且文本发生变化。
实现思路
1.添加Lottie模块。
{name: lottieview,version: 1.0.0,description: Please describe the basic information.,main: Index.ets,author: ,license: Apache-2.0,dependencies: {// Lottie模块ohos/lottie: 2.0.0,}
}2.将Lottie的资源文件data.json文件放置到Entry目录下的common文件夹下(放置本模块中使用相对路径无法读取)。
3.进入页面通过Canvas的onReady函数加载动画点击播放动画动画执行播放文本刷新。
// 加载动画loadAnimation(autoplay: boolean) {if (this.animateItem ! null) {this.animateItem.destroy();this.animateItem null;}// TODO:知识点:lottie.loadAnimation将json数据生成动画this.animateItem lottie.loadAnimation({container: this.politeChickyController,renderer: canvas,loop: false,autoplay: autoplay,name: this.politeChicky,path: this.politeChickyPath,initialSegment: [FRAME_START, FRAME_END]})}build() {Stack({ alignContent: Alignment.TopStart }) {// 动画Canvas(this.politeChickyController).width($r(app.integer.canvas_size)).height($r(app.integer.canvas_size)).backgroundColor($r(app.color.ohos_id_color_palette2)).borderRadius($r(app.string.ohos_id_corner_radius_default_m)).onReady(() {this.loadAnimation(false);}).onClick(() {this.loadAnimation(true);this.times;})// 响应动画的文本Text(this.textArray[this.times % TEXT_DATA_LENGTH]).fontSize($r(app.string.ohos_id_text_size_headline)).margin($r(app.string.ohos_id_elements_margin_vertical_m)).fontColor(Color.White)}.margin({ top: $r(app.string.ohos_id_elements_margin_vertical_l) })}
}高性能知识点
不涉及。
工程结构模块类型
lottieview // har类型
|---view
| |---LottieView.ets // 视图层-应用主页面模块依赖
本实例依赖common模块来实现日志的打印、资源 的调用、动态路由模块来实现页面的动态加载以及Lottie模块
为了帮助大家更深入有效的学习到鸿蒙开发知识点小编特意给大家准备了一份全套最新版的HarmonyOS NEXT学习资源获取完整版方式请点击→HarmonyOS教学视频https://docs.qq.com/doc/DZVVBYlhuRkZQZlB3
HarmonyOS教学视频语法ArkTS、TypeScript、ArkUI等…视频教程 鸿蒙生态应用开发白皮书V2.0PDF 获取完整版白皮书方式请点击→https://docs.qq.com/doc/DZVVkRGRUd3pHSnFG?ua42c4946d1514235863bb82a7b2ac128 鸿蒙 (Harmony OS)开发学习手册→https://docs.qq.com/doc/DZVVBYlhuRkZQZlB3
一、入门必看
1.应用开发导读(ArkTS) 2………
二、HarmonyOS 概念→https://docs.qq.com/doc/DZVVBYlhuRkZQZlB3
1.系统定义 2.技术架构 3.技术特性 4.系统安全 5…
三、如何快速入门→https://docs.qq.com/doc/DZVVBYlhuRkZQZlB3
1.基本概念 2.构建第一个ArkTS应用 3…
四、开发基础知识→https://docs.qq.com/doc/DZVVBYlhuRkZQZlB3
1.应用基础知识 2.配置文件 3.应用数据管理 4.应用安全管理 5.应用隐私保护 6.三方应用调用管控机制 7.资源分类与访问 8.学习ArkTS语言
五、基于ArkTS 开发→https://docs.qq.com/doc/DZVVBYlhuRkZQZlB3
1.Ability开发 2.UI开发 3.公共事件与通知 4.窗口管理 5.媒体 6.安全 7.网络与链接 8.电话服务 9.数据管理 10.后台任务(Background Task)管理 11.设备管理 12.设备使用信息统计 13.DFX 14.国际化开发 15.折叠屏系列
更多了解更多鸿蒙开发的相关知识可以参考https://docs.qq.com/doc/DZVVBYlhuRkZQZlB3
