ArkTS 基础 UI 开发学习笔记
·
一、课程总览
本节课主要学习 HarmonyOS ArkTS 页面开发三大核心:布局容器、基础组件、通用样式、交互与进阶功能,所有页面只能有 1 个根布局,内部可多层嵌套各类布局。
二、五大布局容器(页面骨架)
1.垂直布局 Column
预览效果:元素从上到下竖直依次排列,适合页面整体纵向排版(标题、输入框、按钮上下摆放)


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


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


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


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


更多推荐


所有评论(0)