ArkTS通过struct声明组件名,并通过@Component和@Entry装饰器,来构成一个自定义组件。
使用@Entry和@Component装饰的自定义组件作为页面的入口,会在页面加载时首先进行渲染。
在自定义组件内需要使用build方法来进行UI描述。
对于如下每一项的布局,两个元素为横向排列,选择Row布局。
整体都是从上往下纵向排列,适用的布局方式是Column列布局。
ArkTS提供了@Builder装饰器,来修饰一个函数,快速生成布局内容,从而可以避免重复的UI描述内容。
使用时只需要使用this关键字访问@Builder装饰的函数名,即可快速创建布局。