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