ArkTs
优点
Hello World
@Entry // 装饰器 @entry 入口型组件
@Component // 装饰器 @component 标记自定义组件
struct Index { // 自定义组件 复用性
@State message: string = 'Hello World'
build() { // UI描述 内部以声明式方式描述UI结构
Row() { //内部的都是ArkUi提供的组件 行式布局
Column() { //列式布局
Text(this.message) // 文本组件
.fontSize(50) // 样式组件
.fontWeight(FontWeight.Bold) // 样式组件
.onClick(()=>{ // 事件方法
})
}
.width('100%') // 属性方法 设置组件的UI样式
}
.height('100%') // 属性方法 设置组件的UI样式
}
}
实例
@Entry // 装饰器 @entry 入口型组件
@Component // 装饰器 @component 标记自定义组件
struct Index { // 自定义组件 复用性
@State message: string = 'Hello World'
build() { // UI描述 内部以声明式方式描述UI结构
Row() { //内部的都是ArkUi提供的组件 行式布局
Column() { //列式布局
Text(this.message) // 文本组件
.fontSize(50) // 样式组件
.fontWeight(FontWeight.Bold) // 样式组件
.fontColor('#ccc') //设置一个颜色
.onClick(()=>{ // 事件方法
// 对message的值做修改
this.message = '探索ArkTs'
})
}
.width('100%') // 属性方法 设置组件的UI样式
}
.height('100%') // 属性方法 设置组件的UI样式
}
}