HarmonyOS开发基础(一)
// @:装饰器:用来装饰类结构、方法、变量
@Entry // Entry:标记当前组件为入口组件
@Component // Component:标记为自定义组件
// struct:自定义组件,可复用的 UI 单元
struct Index {// 标记该变量是状态变量,值发生变化时会触发 UI 刷新@State message: string = 'Hello World'// build:UI 描述,其内部以声明式方法描述 UI 结构build() {// Row:ArkTS 提供的内置组件,容器组件,为行组件Row() {// Column:RrkTS 提供的内置组件,容器组件,为列组件Column() {// Text:ArkTS 提供的基础组件,自带样式和功能的页面元素Text(this.message)// fontSize:属性方法,设置组件的 UI 样式.fontSize(50)// fontWeight:属性方法,设置组件的 UI 样式.fontWeight(FontWeight.Bold)// fontColor:属性方法,设置组件的 UI 样式.fontColor('#36D')// onClick:事件方法,设置组件的事件回调.onClick((event) => {this.message = "Hello ArkTS!"})}.width('100%')}.height('100%')}
}