添加留言区域 留言框的功能为：用户输入留言后点击完成，留言区域即显示留言内容。用户点击右侧的删除按钮可删除当前留言内容并重新输入。 留言区域由div、text、input关联click事件实现。开发者可以使用input组件实现输入留言的部分，使用text组件实现留言完成部分，使用commentText的状态标记此时显示的组件（通过if属性控制）。在包含文本完成和删除的text组件中关联click事
阅读全文
openharmony 鸿蒙 ui-js-building-ui-interactions
添加交互 添加交互可以通过在组件上关联事件实现。本节将介绍如何用div、text、image组件关联click事件，构建一个如下图所示的点赞按钮。 点赞按钮通过一个div组件关联click事件实现。div组件包含一个image组件和一个text组件：
阅读全文
openharmony 鸿蒙 ui-js-building-ui-event
手势事件 手势表示由单个或多个事件识别的语义动作（例如：触摸、点击和长按）。一个完整的手势也可能由多个事件组成，对应手势的生命周期。支持的事件有：
阅读全文
openharmony 鸿蒙 ui-js-building-ui-component
组件介绍 组件（Component）是构建页面的核心，每个组件通过对数据和方法的简单封装，实现独立的可视、可交互功能单元。组件之间相互独立，随取随用，也可以在需求相同的地方重复使用。
阅读全文
openharmony 鸿蒙 ui-js-building-ui-animation
动画 动画分为静态动画和连续动画。 静态动画 静态动画的核心是transform样式，主要可以实现以下三种变换类型，一次样式设置只能实现一种类型变换。
阅读全文
openharmony 鸿蒙 ui-js-animate-transform
transform样式动画 设置transform属性对组件进行旋转、缩放、移动和倾斜。 设置静态动画 创建一个正方形并旋转90°变成菱形，并用下方的长方形把菱形下半部分遮盖形成屋顶，设置长方形translate属性值为(150px,-150px)确定坐标位置形成门，再使用position属性使横纵线跟随父组件（正方形）移动到指定坐标位置，接着设置scale属性使父子组件一起变大形成窗户大小，最后
阅读全文
openharmony 鸿蒙 ui-js-animate-svg
svg动画 为svg组件添加动画效果。 属性样式动画 在svg的子组件animate中，通过attributeName设置需要进行动效的属性，from设置开始值，to设置结束值。 <!-- xxx.hml
阅读全文
openharmony 鸿蒙 ui-js-animate-frame
动画帧 请求动画帧 请求动画帧时通过requestAnimationFrame函数逐帧回调，传入一个回调函数。 runframe在调用requestAnimationFrame时传入带有timestamp参数的回调函数step，将step中的timestamp赋予起始的startTime。当timestamp与startTime的差值小于规定的时间时，会再次调用requestAnimationFr
阅读全文
openharmony 鸿蒙 ui-js-animate-dynamic-effects
动画动效 通过设置插值器来实现动画效果。 创建动画对象 通过createAnimator创建一个动画对象，通过设置参数options来设置动画的属性。 <!-- xxx.hml --> <div
阅读全文
openharmony 鸿蒙 ui-js-animate-component
组件动画 在组件上创建和运行动画的快捷方式。具体用法请参考通用方法。 获取动画对象 通过调用animate方法获得animation对象，animation对象支持动画属性、动画方法和动画事件。
阅读全文