创客未来

摘要： 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 阅读全文

摘要： 页面生命周期，即被@Entry装饰的组件生命周期，提供以下生命周期接口： onPageShow：页面每次显示时触发。 onPageHide：页面每次隐藏时触发一次。 onBackPress：当用户点击返回按钮时触发。（是手机下方的返回按钮，不是页面的路由返回） 建立两个page页面用于演示： pag 阅读全文

摘要： if/else 条件渲染 1.支持if、else和else if 语句。 2.if、else if 后跟随的条件语句可以使用状态变量。 3.允许在容器组件内使用，通过条件渲染语句构建不同的子组件。 4.当if、else if 后跟随的状态判断中使用的状态变量值变化时，条件渲染语句会进行更新 5.条件 阅读全文

摘要： @Watch应用对状态变量的监听。如果开发者需要关注某个状态变量的值是否改变，可以使用@Watch为状态变量这种回调函数。 @Watch用于监听状态变量的变化，当状态变量变化时，@Watch的回调方法将被调用。@Watch在ArkUI框架内部判断数值有无更新使用的是严格相等（ ），遵循严格相等规范。 阅读全文

摘要： 祖宗组件向后代组件传递数据并实现数据的双向绑定，即：祖宗组件的数据改变则后代组件的数据也跟着变化，后代组件数据变化则祖宗组件的数据也跟着变化。 这里需要在祖宗中使用@Provide装饰器，后代组件需要使用@Consume装饰器 以下代码说明了两点注意： 1.祖宗组件使用@Provide，孙组件使用@ 阅读全文