一、课程总览

本节课主要学习 HarmonyOS ArkTS 页面开发三大核心:布局容器、基础组件、通用样式、交互与进阶功能,所有页面只能有 1 个根布局,内部可多层嵌套各类布局。

二、五大布局容器(页面骨架)

1.垂直布局 Column

预览效果:元素从上到下竖直依次排列,适合页面整体纵向排版(标题、输入框、按钮上下摆放)

2.水平布局 Row 预览效果:元素从左到右横向并排,多用于一行内多个按钮、单选框并列

3.弹性布局 Flex
预览效果:可自动换行、自适应屏幕宽度,适合多标签、多图标均匀分布

4.层叠布局 Stack
预览效果:组件层层叠加摆放,上层覆盖下层,用来做轮播图、图片加文字水印、蒙版弹窗

5.相对布局 RelativeContainer
预览效果:组件通过互相绑定位置摆放,自由定位,适合复杂不规则页面排版

Logo

讨论HarmonyOS开发技术,专注于API与组件、DevEco Studio、测试、元服务和应用上架分发等。

更多推荐