鸿蒙5.0开发进阶：JS组件-动画样式

最新推荐文章于 2025-06-17 10:30:32 发布
最新推荐文章于 2025-06-17 10:30:32 发布
阅读量625 收藏 24
点赞数 13
分类专栏： 鸿蒙开发 ArkTS ArkUI 文章标签： harmonyos 前端 android 鸿蒙系统 javascript ArkUI ArkTS
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.youkuaiyun.com/Androidbye/article/details/145728676
版权

往期鸿蒙5.0全套实战文章必看：（文中附带全栈鸿蒙5.0学习资料）

动画样式

说明

从API version 4开始支持。后续版本如有新增内容，则采用上角标单独标记该内容的起始版本。

组件支持动态的旋转、平移、缩放效果，可在style或css中设置。

名称 类型 描述
transform-origin

string6+ |

<percentage> |

<length> string6+ |

<percentage> | <length>

变换对象的原点位置，支持px和百分比(相对于动画目标组件)，如果仅设置一个值
最低0.47元/天 解锁文章
鸿蒙5.0开发进阶：JS组件-通用方法
Androidbye的博客
02-18 624
当组件通过id属性标识后，可以使用该id获取组件对象并调用相关组件方法。
鸿蒙5.0开发进阶：JS组件-转场样式
Androidbye的博客
02-19 629
转场样式...........
鸿蒙5.0开发进阶：ArkUI框架-JS基础组件（chart）
Androidbye的博客
03-18 1076
图表组件，用于呈现线形图、柱状图、量规图界面。
鸿蒙5.0开发进阶：JS组件-基础组件（chart）
Androidbye的博客
02-24 961
图表组件，用于呈现线形图、柱状图、量规图界面。
鸿蒙5.0开发进阶：JS组件-容器组件（swiper）
Androidbye的博客
03-11 630
滑动容器，提供切换子组件显示的能力。
鸿蒙5.0开发进阶：JS组件-svg组件（animate）
Androidbye的博客
03-05 736
设置svg组件的属性动画。
鸿蒙5.0开发进阶：JS组件-swiper
Androidbye的博客
02-23 994
滑动容器，提供切换子组件显示的能力。
鸿蒙5.0开发进阶：JS组件-基础组件（image-animator）
Androidbye的博客
03-12 857
图片帧动画播放器。
鸿蒙5.0进阶开发：UI开发-JS动画开发（组件动画）
AyomQAQ的博客
01-10 412
在组件上创建和运行动画的快捷方式。
鸿蒙5.0开发进阶：ArkTS API UI界面-@ohos.animator (动画)
Androidbye的博客
12-09 811
本模块提供组件动画效果，包括定义动画、启动动画和以相反的顺序播放动画等。
【鸿蒙实战开发】ArkUI-JS动画组件动画开发指南
HarmonyOS007的博客
08-16 684
在组件上创建和运行动画的快捷方式。具体用法请参考通用方法。
HarmonyOS 自定义弹窗选型与开发
不懂先生的博客
06-17 580
为什么不推荐只能在组件内部使用，不够灵活不支持动态创建多个弹窗时代码冗余弹窗是 HarmonyOS 应用开发中的重要组件，选择合适的实现方式能大大提升开发效率和用户体验。初学者记住这几点优先使用 UIContext 系列 API根据使用场景选择合适的弹窗类型注意弹窗节点的生命周期管理多实践，从简单案例开始希望这份指南能帮助你更好地掌握 HarmonyOS 弹窗开发！💡小贴士：建议初学者先掌握的基本用法，然后再逐步学习其他类型的弹窗实现。
HarmonyOS 探秘手记：我在 “鸿蒙星球” 的第一天
2401_86810295的博客
06-15 1162
​ 在 DevEco Studio 的鸿蒙项目中，pages目录是存放与应用页面相关代码文件的地方。存放位置：对于使用 ArkTS 语言开发的项目，通常在目录下。pages文件夹下可以包含一个或多个页面，每个页面都有对应的文件夹。作用：用于管理应用的各个页面，每个页面单独进行文件管理，通过路由 API 实现页面的调度管理，以实现应用内功能的解耦。例如，在开发一个具有多个界面的鸿蒙应用时，不同界面的相关代码就会分别存放在pages。
HarmonyOS 布局优化
不懂先生的博客
06-14 890
摘要： 本文探讨了HarmonyOS应用开发中的布局优化策略，通过减少节点数量、利用布局边界和合理控制组件显隐，显著提升UI性能。测试数据显示： 精简节点：平铺布局比嵌套减少20%节点，性能提升明显； 固定尺寸：设置宽高固定值的组件重绘耗时降低19倍； 显隐控制：使用if/else比visibility在隐藏时减少60%布局耗时。优化后的布局可有效解决卡顿、内存占用高等问题，提升用户体验。
HarmonyOS 5对React Native有哪些新特性？
2201_75709314的博客
06-13 708
HarmonyOS5为ReactNative带来重大升级，主要特性包括：分布式组件调用实现跨设备UI共享与数据同步；ArkUI直连渲染优化性能，列表滚动提升40%；原子化服务快速封装RN组件；开放原生AI与硬件能力调用；一体化CLI工具链支持。实测显示跨设备调用延迟降低73%，服务卡片启动提速67%，显著提升开发效率与跨平台体验，实现"一次开发，多端协同"目标。
准备纯血鸿蒙理论高级认证的一些心得
humors221的专栏
06-17 203
摘要：本文分享了纯血鸿蒙理论高级认证的备考经验。考试涵盖HarmonyOS核心技术、应用架构设计、ArkTS实践等五大模块，重点考察"一次开发多端部署"、"自由流转"等核心能力。考试为60道选择题（40单选+20多选），60分钟完成，满分100分需80分合格。备考建议：把握多选题高分值，注意题干要求（选正确/错误项），背诵官网文档知识点。考试策略推荐先做确定题，用电脑操作更便捷，每月最多可考3次。最后强调通过阶段目标设定和考后查漏补缺提升通过率。 （149字）
HarmonyOS 评论回复弹窗最佳实践
不懂先生的博客
06-17 872
本文介绍了HarmonyOS中实现评论回复弹窗的最佳实践方案。通过对比三种弹窗组件（CustomDialog、bindSheet和Navigation Dialog）的优缺点，最终推荐使用Navigation Dialog方案，因其能够完美解决软键盘避让和表情面板切换等问题。在编辑区域组件方面，选用RichEditor支持富文本输入，并采用addBuilderSpan实现@好友功能，确保标签独立性和数据完整性。文章详细阐述了弹窗显示流程和技术实现要点，包括Navigation配置和弹窗组件结构设计，为开发者
鸿蒙案例实战——添加水印
最新发布
Raink老师的博客
06-17 630
本文介绍了在HarmonyOS应用开发中实现水印添加功能的多种方法。主要包含四种水印添加场景：1)使用Stack布局或Overlay属性为页面添加Canvas绘制的水印；2)为保存图片添加水印，通过获取PixelMap数据并绘制水印后保存；3)拍照后对照片添加水印，处理相机返回的图片文件；4)为PDF文件添加文字水印并保存。关键技术点包括Canvas绘图、Stack层叠布局、PixelMap图像处理、PDF服务调用等，采用MVVM架构和ArkTS语言实现。案例提供了完整的组件封装和工具类，涵盖了从UI展示到
鸿蒙运动开发实战：打造专属运动视频播放器
s297165331的专栏
06-15 885
本文介绍了如何使用鸿蒙Media Kit开发运动视频播放器应用。核心内容包括：1)通过LibNav和LibPage构建页面布局，提供热身和拉伸视频入口；2)利用AVPlayer实现视频播放控制，包括初始化、URL设置和状态管理；3)详细的状态机回调处理机制，涵盖播放、暂停、错误等状态。文章特别强调了视频URL有效性验证、性能优化和用户体验等关键开发注意事项。该实现方案为运动类应用提供了基础的视频播放功能框架，开发者可在此基础上扩展更多功能。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值