创客未来

摘要： 组件是构建页面的核心，每个组件通过对数据和方法的简单封装，实现独立的可视、可交互功能单元。组件之间相互独立，随取随用，也可以在需求相同的地方重复使用。 @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，孙组件使用@ 阅读全文

摘要： @State：@State装饰器的变量拥有其所属组件的状态，可以作为其子组件单向和双向同步的数据源。当其数值改变时，会引起相关组件的渲染刷新。 @Prop：@Prop装饰的变量可以和父组件建立单向同步关系，@Prop装饰的变量二hi可变的，但修改不会同步回父组件。 @Link：@Link装饰的变量和 阅读全文

摘要： @Styles和Extend仅仅应用于静态页面的样式复用，stateStyles可以依据组件的内部状态的不同，快速设置不同样式。 @stateStyles是属性方法，可以根据UI内部状态来设置样式，类似于css伪类，但语法不同，ArkUI提供以下四种状态： focused：获焦态 normal：正常 阅读全文

摘要： 1.创建自定义组件 在ArkUI中，UI显示的内容均为组件，由框架直接提供的称为系统组件，由开发者定义的称为自定义组件。在进行UI界面开发时，通常不是简单的将系统组件进行组合使用，而是需要考虑代码可复用性、业务逻辑与UI分离，后续版本演进等因素。因此，将UI和部分业务逻辑封装成自定义组件是不可或缺的 阅读全文

摘要： 1. 变量 ets 是 ts 语法发扩展 1.1 组件外部声明变量 /** * author:创客未来 * copyright:com.ckFuture.hrb */ //ets 是 ts 语法的扩展 //声明变量并赋值 ：初始化 let pome: string='我是字符串' //声明变量，未赋 阅读全文