上一页 1 2 3 4 5 6 ··· 50 下一页
摘要: 1、if/else产生组件内转场动画 if/else语句可以控制组件的插入和删除。如下代码即可以通过Button的点击事件,控制if的条件是否满足,来控制if下的Image组件是否显示。 /** * author:创客未来 * copyright:com.ckFuture.hrb * transit 阅读全文
posted @ 2024-01-03 09:41 创客未来 阅读(7) 评论(0) 推荐(0) 编辑
摘要: 使用属性动画产生布局更新动画 属性动画:动画设置简单,属性变化时自动触发动画。 显示动画把要执行动画的属性的修改放在闭包函数中触发动画,而属性动画则无需要使用闭包,把animation属性加在要做属性动画的组件的属性后即可。 animation(value:AnimateParam) 其入参为动画参 阅读全文
posted @ 2024-01-02 12:51 创客未来 阅读(45) 评论(0) 推荐(0) 编辑
摘要: 1.位置改变 ArkUI中,产生动画的方式是改变属性值且指定动画参数。动画参数包含了如动画的时长、变化规律(即曲线)等参数,当属性值发生变化后,按照动画参数,从原来的状态过渡到新的状态,即形成一个动画。 AnimateParam对象说明 名称 类型 描述 duration number 动画持续时间 阅读全文
posted @ 2023-12-26 11:12 创客未来 阅读(12) 评论(0) 推荐(0) 编辑
摘要: @Entry @Component struct ColumExample { build() { Column({space:10}) { Column() { Column().width('50%').height(30).backgroundColor(Color.Blue) Column( 阅读全文
posted @ 2023-12-22 10:46 创客未来 阅读(42) 评论(0) 推荐(0) 编辑
摘要: Button 按钮组件,可快速创建不同样式的按钮。 方法1:Button(options?:{type?:ButtonType,stateEffect?:boolean}) 方法2:Button(label?:ResourceStr,options?:{type?:ButtonType,stateE 阅读全文
posted @ 2023-12-20 10:53 创客未来 阅读(23) 评论(0) 推荐(0) 编辑
摘要: 位置设置 设置组件对齐方式、布局方向和显示位置。 align:设置元素内容在元素绘制区域内的对齐方式。 direction:设置元素水平方向的布局。 position:基于父容器的定位 markAnchor:相对于自身的定位,x正数代表左移,负数代表右移;y正数代表上移,负数代表下移。 offset 阅读全文
posted @ 2023-12-20 09:56 创客未来 阅读(14) 评论(0) 推荐(0) 编辑
摘要: 按键事件指组件与键盘、遥控器等按键设备交互时触发的事件(仅适用于所有可获焦组件,例如:Button) //绑定该方法的组件获焦后,按键动作触发该回调 onKeyEvent(event:(event?:keyEvent)=>void) 案例代码: /** * author:创客未来 * copyrig 阅读全文
posted @ 2023-12-19 11:06 创客未来 阅读(6) 评论(0) 推荐(0) 编辑
摘要: //手指触摸动作触发回调 onTouch(event:(event?:TouchEvent)=>void) 案例代码: /** * author:创客未来 * copyright:com.ckFuture.hrb * 触摸事件 */ @Entry @Component struct Touch { 阅读全文
posted @ 2023-12-19 10:30 创客未来 阅读(5) 评论(0) 推荐(0) 编辑
摘要: 组件是构建页面的核心,每个组件通过对数据和方法的简单封装,实现独立的可视、可交互功能单元。组件之间相互独立,随取随用,也可以在需求相同的地方重复使用。 @Entry @Component struct Click { @State text: string = '' build() { Column 阅读全文
posted @ 2023-12-18 10:25 创客未来 阅读(15) 评论(0) 推荐(0) 编辑
摘要: 数据传递 页面跳转,使用路由传递。 // page1跳转传递参数 router.pushUrl({ url:'pages/ParamRouter2', params:{ name:'HarmonyOS4.0', age:20 } }) //page2接收参数 let param_name = rou 阅读全文
posted @ 2023-12-18 09:35 创客未来 阅读(9) 评论(0) 推荐(0) 编辑
上一页 1 2 3 4 5 6 ··· 50 下一页