ArkTS以声明方式组合和扩展组件来描述应用程序的UI,同时还提供了基本的属性、事件和子组件配置方法,帮助开发者实现应用交互逻辑。
一、创建组件
根据组件构造方法的不同,创建组件包含有参数和无参数两种方式。
说明,创建组件时不需要new运算符。
1.无参数
如果组件的接口定义没有包含必选构造参数,则组件后面的“()”不需要配置任何内容。例如,Divider组件不包含构造参数:
.Column() {
. Text('item 1')
. Divider()
. Text('item 2')
.}
2.有参数
如果组件的接口定义包含构造参数,则在组件后面的“()”配置相应参数。
Image组件的必选参数src。
.Image('https://xyz/test.jpg')
Text组件的非必选参数content。
.// string类型的参数
.Text('test')
.// $r形式引入应用资源,可应用于多语言场景
.Text($r('app.string.title_value'))
.// 无参数形式
.Text()
变量或表达式也可以用于参数赋值,其中表达式返回的结果类型必须满足参数类型要求。
例如,设置变量或表达式来构造I