OpenHarmony——ArkTS声明式开发与应用 课件 项目2-任务2-3 设计添加设备页的UI布局.pptxVIP

任务2设计添加设备页的UI布局

项目2走近ArkTS声明式开发

完成任务达成的技能目标

01

任务描述

02

技能目标

本任务讲解UI设计中非常重要的布局设计，使用线性布局、Blank组件、文字和图片显示组件，并配合组件的属性和样式，完成添加设备页面的开发。

任务实施步骤

STEPS

整理工程资源

01

任务实施

整理工程资源

分析添加设备页的布局

02

任务实施

分析添加设备页的布局

实现添加和选择设备的UI开发

03

任务实施

实现添加和选择设备的UI开发

实现传感器部分的UI开发

04

任务实施

实现传感器部分的UI开发

使用Blank组件重构页面

05

任务实施

使用Blank组件重构页面

任务小结

本任务主要综合利用线性布局的不同属性进行布局的设计，并使用Text组件和Image组件进行了添加设备页的开发。在UI的设计与开发过程中，用到组件的属性时，可查阅API参考文档，找到组件要设置的样式参数，设计出符合用户需求的UI。

感谢聆听！

Thankyouforlistening