上一页 1 2 3 4 5 6 7 8 ··· 52 下一页
摘要: 按键事件指组件与键盘、遥控器等按键设备交互时触发的事件(仅适用于所有可获焦组件,例如:Button) //绑定该方法的组件获焦后,按键动作触发该回调 onKeyEvent(event:(event?:keyEvent)=>void) 案例代码: /** * author:创客未来 * copyrig 阅读全文
posted @ 2023-12-19 11:06 创客未来 阅读(15) 评论(0) 推荐(0) 编辑
摘要: //手指触摸动作触发回调 onTouch(event:(event?:TouchEvent)=>void) 案例代码: /** * author:创客未来 * copyright:com.ckFuture.hrb * 触摸事件 */ @Entry @Component struct Touch { 阅读全文
posted @ 2023-12-19 10:30 创客未来 阅读(7) 评论(0) 推荐(0) 编辑
摘要: 组件是构建页面的核心,每个组件通过对数据和方法的简单封装,实现独立的可视、可交互功能单元。组件之间相互独立,随取随用,也可以在需求相同的地方重复使用。 @Entry @Component struct Click { @State text: string = '' build() { Column 阅读全文
posted @ 2023-12-18 10:25 创客未来 阅读(34) 评论(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 创客未来 阅读(18) 评论(0) 推荐(0) 编辑
摘要: 页面生命周期,即被@Entry装饰的组件生命周期,提供以下生命周期接口: onPageShow:页面每次显示时触发。 onPageHide:页面每次隐藏时触发一次。 onBackPress:当用户点击返回按钮时触发。(是手机下方的返回按钮,不是页面的路由返回) 建立两个page页面用于演示: pag 阅读全文
posted @ 2023-12-15 11:13 创客未来 阅读(106) 评论(0) 推荐(0) 编辑
摘要: if/else 条件渲染 1.支持if、else和else if 语句。 2.if、else if 后跟随的条件语句可以使用状态变量。 3.允许在容器组件内使用,通过条件渲染语句构建不同的子组件。 4.当if、else if 后跟随的状态判断中使用的状态变量值变化时,条件渲染语句会进行更新 5.条件 阅读全文
posted @ 2023-12-15 10:08 创客未来 阅读(34) 评论(0) 推荐(0) 编辑
摘要: @Watch应用对状态变量的监听。如果开发者需要关注某个状态变量的值是否改变,可以使用@Watch为状态变量这种回调函数。 @Watch用于监听状态变量的变化,当状态变量变化时,@Watch的回调方法将被调用。@Watch在ArkUI框架内部判断数值有无更新使用的是严格相等( ),遵循严格相等规范。 阅读全文
posted @ 2023-12-14 09:45 创客未来 阅读(179) 评论(0) 推荐(0) 编辑
摘要: 祖宗组件向后代组件传递数据并实现数据的双向绑定,即:祖宗组件的数据改变则后代组件的数据也跟着变化,后代组件数据变化则祖宗组件的数据也跟着变化。 这里需要在祖宗中使用@Provide装饰器,后代组件需要使用@Consume装饰器 以下代码说明了两点注意: 1.祖宗组件使用@Provide,孙组件使用@ 阅读全文
posted @ 2023-12-14 08:30 创客未来 阅读(31) 评论(0) 推荐(0) 编辑
摘要: @State:@State装饰器的变量拥有其所属组件的状态,可以作为其子组件单向和双向同步的数据源。当其数值改变时,会引起相关组件的渲染刷新。 @Prop:@Prop装饰的变量可以和父组件建立单向同步关系,@Prop装饰的变量二hi可变的,但修改不会同步回父组件。 @Link:@Link装饰的变量和 阅读全文
posted @ 2023-12-12 09:50 创客未来 阅读(162) 评论(0) 推荐(0) 编辑
摘要: @Styles和Extend仅仅应用于静态页面的样式复用,stateStyles可以依据组件的内部状态的不同,快速设置不同样式。 @stateStyles是属性方法,可以根据UI内部状态来设置样式,类似于css伪类,但语法不同,ArkUI提供以下四种状态: focused:获焦态 normal:正常 阅读全文
posted @ 2023-12-11 13:38 创客未来 阅读(55) 评论(0) 推荐(0) 编辑
上一页 1 2 3 4 5 6 7 8 ··· 52 下一页
点击右上角即可分享
微信分享提示