HarmonyOS/OpenHarmony应用开发-ArkTS语言声明式UI描述

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()

变量或表达式也可以用于参数赋值，其中表达式返回的结果类型必须满足参数类型要求。

例如，设置变量或表达式来构造Image和Text组件的参数。

.Image(this.imagePath)

.Image('https://' + this.imageUrl)

.T