OpenHarmony——ArkTS声明式开发与应用 课件 项目2-任务1-1 ArkTS声明式UI的用法.pptxVIP

ArkTS声明式UI的用法

目录

CONTENTS

ArkTS的UI页面组成

知识储备

页面与组件

App中的一个页面是一个具有特定作用和功能的用户界面，页面的目的是在用户与计算机之间建立交互，并提供一种方式让用户使用软件。

页面通常包括一个或多个组件，例如文本框、按钮、图片等等，这些组件用于展示数据、收集用户输入、执行操作等等。

ArkTS的UI页面组成

ArkTS以声明方式组合和扩展组件来描述应用程序的UI，同时还采用了链式方式调用组件的属性和事件，提供子组件的配置方法，帮助开发者高效实现应用交互逻辑。

ArkTS声明式UI的用法

知识储备

ArkTS声明式UI的用法

ArkTS声明式UI的用法

ArkTS声明式UI的用法

ArkTS声明式UI的用法

ArkTS声明式UI的用法

ArkTS声明式UI的用法

ArkTS中的尺寸单位

03

知识储备

ArkTS中的尺寸单位

名称

类型定义

描述

Length

string|number

用于描述尺寸单位，输入为number类型时，使用vp单位；输入为string类型时，需要显式指定像素单位，如’20px’，也可设置百分比字符串，如’90%’、’100%’等

ArkTS中的尺寸单位

单位名称

描述

px

屏幕物理像素单位

vp

屏幕密度相关像素单位，根据屏幕像素密度转换为屏幕物理像素

fp

字体像素，与vp类似适用于屏幕密度变化，随