一、文档学习
构建布局布局说明-构建布局-构建用户界面-基于JS扩展的类Web开发范式-方舟开发框架(ArkUI)-UI-开发-HarmonyOS应用开发
布局说明
1.手机和智慧屏的基准宽度为720px(px为逻辑像素,非物理像素),实际显示效果会根据实际屏幕宽度进行缩放。
2.一个页面的基本元素包含标题、文本、图片等区域,每个基本元素内可包含多个子元素,根据需求还可以添加按钮、开关、进度条等组件。
因此,在构建页面布局时,需思考以下几个问题:
- 该元素的尺寸和排列位置
- 是否有重叠的元素
- 是否需要设置对齐、内间距或者边界
- 是否包含子元素及其排列位置
- 是否需要容器组件及其类型
将页面中的元素分解之后再对每个基本元素按顺序实现,可提高代码的可读性,方便对页面做后续的调整。
eg:页面布局解析