01 2024 档案
摘要：# ArkTS 水果排行榜 > 代码可执行 > 分为五个文件 > 1.FruitDataModel.ets 定义app中需要的水果模型 > 2.TitleComponent.ets 定义Title组件 > 3.TableHeaderComponent.ets 定义表头组件 > 4.ItemCompo
阅读全文
摘要：共分为三个代码文件： # ArkTS待办列表清单 > 代码可执行 分为三个文件 > 1.Models.ets 定义app中需要的模型 > 2.ItemComponent.ets 定义每一项中的组件 > 3.index.ets 构建入口的UI界面 /* 定义APP中需要用到的模型 Models.ets
阅读全文
摘要：/** * ArkTS的滑动加载案例 */ // 自定义文章类 class Article { public id: number public title: string public content: string constructor(id:number, title:string, con
阅读全文
摘要：/** * ArkTS之循环渲染 */ @Component struct MyChild { label:string build() { Text(this.label) .fontSize(30) } } @Entry @Component struct MyParent { @State m
阅读全文
摘要：/** * 条件渲染案例 */ @Component struct MyChild { // @State counter: number = 0 @Link counter: number label: string build() { Row(){ Text(`${this.label}`) .
阅读全文
摘要：/** * Prop组件使用案例 */ @Component struct MyChild { @Prop age:number // 状态变量 private increase:number = 1 build() { Column() { if (this.age >= 18) { Text(`
阅读全文
摘要：/** * 父子组件双向互绑定 */ // 自定义按钮的信息类型 class ButtonState { value:string width:number constructor(value:string,width:number) { this.value = value this.width
阅读全文
