openharmony 鸿蒙 ui-js-animate-transform

transform样式动画 设置transform属性对组件进行旋转、缩放、移动和倾斜。 设置静态动画 创建一个正方形并旋转90°变成菱形，并用下方的长方形把菱形下半部分遮盖形成屋顶，设置长方形translate属性值为(150px,-150px)确定坐标位置形成门，再使用position属性使横纵线跟随父组件（正方形）移动到指定坐标位置，接着设置scale属性使父子组件一起变大形成窗户大小，最后
2022-08-09 1418 后端技术
阅读全文

openharmony 鸿蒙 ui-js-animate-svg

svg动画 为svg组件添加动画效果。 属性样式动画 在svg的子组件animate中，通过attributeName设置需要进行动效的属性，from设置开始值，to设置结束值。 <!-- xxx.hml
2022-08-09 887 后端技术
阅读全文

openharmony 鸿蒙 ui-js-animate-frame

动画帧 请求动画帧 请求动画帧时通过requestAnimationFrame函数逐帧回调，传入一个回调函数。 runframe在调用requestAnimationFrame时传入带有timestamp参数的回调函数step，将step中的timestamp赋予起始的startTime。当timestamp与startTime的差值小于规定的时间时，会再次调用requestAnimationFr
2022-08-09 849 后端技术
阅读全文

openharmony 鸿蒙 ui-js-animate-dynamic-effects

动画动效 通过设置插值器来实现动画效果。 创建动画对象 通过createAnimator创建一个动画对象，通过设置参数options来设置动画的属性。 <!-- xxx.hml --> <div
2022-08-09 1339 后端技术
阅读全文

openharmony 鸿蒙 ui-js-animate-component

组件动画 在组件上创建和运行动画的快捷方式。具体用法请参考通用方法。 获取动画对象 通过调用animate方法获得animation对象，animation对象支持动画属性、动画方法和动画事件。
2022-08-09 884 后端技术
阅读全文

openharmony 鸿蒙 ui-js-animate-attribute-style

属性样式动画 在关键帧（Keyframes）中动态设置父组件的width和height，实现组件变大缩小。子组件设置scale属性使父子组件同时缩放，再设置opacity实现父子组件的显示与隐藏。
2022-08-09 941 后端技术
阅读全文

开源鸿蒙 基本概念

在声明式UI编程范式中，UI是应用程序状态的函数，开发人员通过修改当前应用程序状态来更新相应的UI界面。如下图所示，开发框架提供了多种应用程序状态管理的能力。
2022-08-09 830 后端技术
阅读全文

开源鸿蒙 描述规范使用说明

本节定义了基于TypeScript (TS)扩展的声明式开发范式的核心机制和功能，讲述了声明式UI描述、组件化机制、UI状态管理、渲染控制语法和语法糖。
2022-08-09 735 后端技术
阅读全文