课程是一套专为希望系统掌握 HarmonyOS 应用界面开发的开发者量身打造的实战教程。课程以”布局基础认知→五大布局系统精讲→基础 UI 组件逐一突破→高级交互组件实战”为核心路径，系统性地串联起从 HarmonyOS 布局基础知识、编码方式与 XML 方式实现界面布局，到 DirectionalLayout 方向布局（含 weight 权重分配与 alignment 对齐控制）、DependentLayout 依赖布局（含相对父组件依赖与综合案例）、TableLayout 表格布局（含对齐方式与行列属性）、StackLayout 堆叠布局（含层级管理与对齐属性）、PositionLayout 位置布局、AdaptiveBoxLayout 自适应布局（含布局规则的动态添加与删除），再到 Text、Button、Image、TextField、Switch、RadioButton、RadioContainer、CheckBox、ProgressBar 等基础组件详解，以及 ToastDialog、CommonDialog 对话框、Picker 选择器、ScrollView 滚动容器、TabList 标签列表、PageSlider 页面滑块、ListContainer 列表容器、WebView 网页加载等高级组件的全面掌握。配合综合案例实战，助你从零构建扎实的 HarmonyOS 界面开发能力。
核心学习路径
1. 布局基础入门（第1-3讲）
HarmonyOS 布局基础知识：了解 HarmonyOS 布局体系的整体架构与设计理念，理解布局在 UI 开发中的核心地位。
通过编码实现界面布局：掌握以 Java 代码方式动态创建和配置布局组件的方法，理解布局参数的编程设置。
通过 XML 实现界面布局：学习使用 XML 声明式语法定义界面布局，掌握 XML 布局文件的编写规范与工程实践。
2. 方向布局——DirectionalLayout（第4-6讲）
DirectionalLayout 基础：掌握水平与垂直方向的线性布局方式，理解子组件的排列规则。
weight 权重设置：深入学习 weight 属性实现子组件的空间分配，掌握按比例分配父容器空间的技巧。
layout_alignment 对齐控制：掌握子元素在父容器中的对齐方式设置，实现精确的 UI 排列效果。
3. 依赖布局——DependentLayout（第7-9讲）
DependentLayout 基础：理解基于相对位置关系的布局思想，掌握子组件之间的依赖关系定义。
相对于父组件依赖布局：学习子组件相对于父容器的定位方式，实现灵活的界面排布。
依赖布局综合案例：通过实战案例巩固依赖布局的使用技巧，培养复杂界面的布局能力。
4. 表格布局——TableLayout（第10-12讲）
TableLayout 基础：掌握以行列形式组织子组件的表格布局方式，理解行与列的声明方法。
表格布局对齐方式：学习表格中子组件的对齐属性设置，实现表格内容的精确排版。
子组件的行列属性：深入掌握子组件的行列跨度、位置等属性，实现复杂的表格布局效果。
5. 堆叠布局——StackLayout（第13-14讲）
StackLayout 层级设置：掌握以层叠方式显示视图组件的布局方式，理解 z 轴层级的管理。
StackLayout 对齐属性：学习堆叠布局中子组件的对齐控制，实现叠加式 UI 效果（如图片上的文字覆盖）。
6. 位置布局——PositionLayout（第15讲）
PositionLayout 精确布局：掌握通过指定精确 xy 坐标值控制组件位置的布局方式，适用于需要精确定位的场景。
7. 自适应布局——AdaptiveBoxLayout（第16-17讲）
AdaptiveBoxLayout 基础：学习根据不同屏幕尺寸和方向自动调整布局的自适应布局方案。
布局规则的动态管理：掌握布局规则的添加与删除方法，实现灵活的响应式界面适配。
8. 基础 UI 组件精讲（第18-27讲）
Text 组件：深入学习文本显示组件的属性配置，包括文本样式、颜色、大小、对齐、富文本等。
Button 组件：掌握按钮组件的创建与事件绑定，学习按钮的多种样式与状态管理。
Image 组件：学习图片加载、缩放、裁剪、占位图等高级用法。
TextField 组件：掌握单行文本输入组件的验证、格式化与交互处理。
Switch 组件：学习开关组件的使用与状态监听。
RadioButton 与 RadioContainer：掌握单选按钮组的使用场景与交互逻辑。
CheckBox 组件：学习多选框组件的用法与批量操作。
ProgressBar 组件：掌握进度条组件的样式配置与动态进度更新。
9. 对话框与弹窗组件（第28-29讲）
ToastDialog：学习轻量级提示弹窗的使用场景与自定义配置。
CommonDialog 自定义对话框：掌握通用对话框的自定义实现方法，构建灵活的弹窗交互。
10. 高级交互组件（第30-37讲）
Picker 选择器：学习日期、时间、地址等多类型选择器的配置与使用。
ScrollView 滚动容器：掌握可滚动容器的使用，实现超长内容的平滑滚动展示。
TabList 标签列表：学习标签页组件的实现，构建多页签切换界面。
PageSlider 页面滑块：掌握页面滑动切换组件的用法，通过综合案例实现轮播图等经典效果。
ListContainer 列表容器：学习高效列表组件的使用，掌握数据绑定与条目渲染。
WebView 组件：深入学习网页加载组件，掌握网页加载、JS 交互、文件上传等高级功能。
课程亮点
五大布局全面覆盖：DirectionalLayout、DependentLayout、TableLayout、StackLayout、PositionLayout、AdaptiveBoxLayout 逐一精讲，培养灵活的 UI 构建能力。
编码与 XML 双方式：同时掌握代码创建与 XML 声明式两种布局实现方式，理解各自适用场景。
组件体系完整：从基础 Text/Button/Image 到高级 Dialog/Pager/ListContainer/WebView，覆盖 90% 以上的日常 UI 开发场景。
实战案例驱动：依赖布局案例、PageSlider 综合案例等实战环节，将组件知识融会贯通。
自适应布局专题：独家讲解 AdaptiveBoxLayout 的布局规则动态管理，培养响应式界面设计能力。
对话框深度定制：ToastDialog 与 CommonDialog 双管齐下，掌握 HarmonyOS 弹窗交互的完整方案。
课程目录：
harmonyos之java布局之道
10_09-表格布局 TableLayout_ev.mp4
11_10-表格布局-设置对齐方式_ev.mp4
12_11-表格布局-子组件的行列属性_ev.mp4
13_12-堆叠布局 StackLayout-设置层级_ev.mp4
14_13-堆叠布局 StackLayout-对齐属性_ev.mp4
15_14-位置布局 PositionLayout_ev.mp4
16_15-自适应布局 AdaptiveBoxLayout_ev.mp4
17_16-自适应布局-添加删除布局规则_ev.mp4
18_01-Java基础组件介绍_ev.mp4
19_02-Text组件详解_ev.mp4
1_01-HarmonyOS布局基础知识_ev.mp4
20_03-Button组件详解_ev.mp4
21_04-Image组件用法详解_ev.mp4
22_05-TextField组件详解_ev.mp4
23_06-Switch组件详解_ev.mp4
24_07-RadioButton组件用法_ev.mp4
25_08-RadioContainer组件用法_ev.mp4
26_09-CheckBox组件详解_ev.mp4
27_10-ProgressBar用法_ev.mp4
28_12-ToastDialog组件用法详解_ev.mp4
29_13-通过CommonDialog自定义对话框_ev.mp4
2_02-通过编码实现界面布局_ev.mp4
30_14-Piker组件用法详解_ev.mp4
31_15-ScrollView组件用法详解_ev.mp4
32_16-TabList组件使用详解_ev.mp4
33_17-PageSlider组件用法详解_ev.mp4
34_18-PageSlider组件综合案例_ev.mp4
35_19-ListContainer组件的用法_ev.mp4
36_20-WebView组件使用详解1_ev.mp4
37_21-WebView组件使用详解2_ev.mp4
38_20210901_094221_ev.mp4
39_20210910_164829_ev.mp4
3_03. 通过XML实现界面布局_ev.mp4
4_04-DirectionalLayout布局_ev.mp4
5_04-方向布局-weight设置_ev.mp4
6_05-layout_alignment设置子元素排列对齐_ev.mp4
7_06-依赖布局 DependentLayout(1)_ev.mp4
8_07-相对于父组件依赖布局_ev.mp4
9_08-依赖布局案例_ev.mp4
下载地址：
感谢您的来访，获取更多精彩文章请收藏本站。
