鸿蒙 Java UI 布局：从基础组件到实战案例的完整路径

这门课主要解决鸿蒙应用开发中界面搭建的核心问题——如何用代码实现复杂的页面布局，以及如何使用 Java API 编写 UI 组件。很多初学者在接触鸿蒙开发时，对布局体系和组件用法感到困惑，导致页面开发效率低下。课程通过五大布局系统和十四种常用组件的讲解，帮助学习者掌握鸿蒙 UI 开发的基本功。

适合有一定编程基础的学习者，最好已经了解 Java 语言的基本语法。如果你正在学习鸿蒙开发或者准备从事鸿蒙应用开发工作，这门课会是你快速上手界面开发的实用指南。课程内容从基础布局知识讲起，逐步深入到复杂组件的使用，最后通过新浪新闻、直聘 App、华为商城三个真实案例进行综合训练。

建议先看的基础章节

课程开头部分非常重要，前几个视频涵盖了 HarmonyOS 布局的基础知识，包括如何通过编码方式实现界面布局。这部分内容奠定了整个课程的基础，建议仔细观看并动手实践。

接下来要重点关注五大布局系统：表格布局（TableLayout）、堆叠布局（StackLayout）、位置布局（PositionLayout）和自适应布局（AdaptiveBoxLayout）。每个布局系统都有配套的对齐方式设置、子组件行列属性调整等进阶内容，这些在实际开发中非常实用。例如表格布局的对齐方式设置，直接影响列表类页面的视觉效果；堆叠布局的层级控制，则是实现复杂图层效果的关键。

组件部分建议重点学习 Text、Button、Image、TextField 这四个高频组件，它们是构成绝大多数页面的基础元素。Switch、RadioButton、CheckBox 这类交互组件也需要掌握，特别是在表单类页面中会频繁使用。ProgressBar 用于加载状态显示，ToastDialog 和自定义对话框则涉及用户交互反馈，都是开发中必不可少的知识点。

实战案例与资料配合建议

课程最后的三个实战案例是检验学习成果的关键环节。新浪新闻案例主要考察列表布局和图文混排能力，直聘 App 案例涉及搜索功能和列表展示，华为商城案例则考验复杂的商品详情页布局。这三个案例涵盖了常见的应用类型，能够帮助你将前面学到的布局技巧和组件用法融会贯通。

建议学习过程中采用边看边练的方式。每学完一个布局系统或组件类型，就在 DevEco Studio 中动手实现一个小 Demo。比如学完表格布局后，可以尝试制作一个简单的联系人列表；学完 Image 组件后，做一个图片轮播效果。这样能够帮助你更好地理解和记忆知识点。

资料包中的视频文件大小差异较大，建议优先观看时长较长的核心内容视频，如 Text 组件详解（56.31M）、CheckBox 组件详解（50.09M）和自定义对话框（70.05M）等。对于较小的视频文件，可以快速浏览获取概览。学习过程中要做好笔记，特别是各个布局的参数设置和组件的属性方法，这些内容在实际开发中需要经常查阅。

完成课程学习后，你应该能够独立使用 HarmonyOS 的 Java API 开发常见的移动应用界面，熟练运用各种布局系统实现复杂的页面结构，并能够根据实际需求选择合适的组件进行开发。对于想要深入学习鸿蒙开发的初学者来说，这门课提供了扎实的界面开发基础。

课程目录

10_09-表格布局 TableLayout_ev.mp4 27.72M
11_10-表格布局-设置对齐方式_ev.mp4 13.39M
12_11-表格布局-子组件的行列属性_ev.mp4 24.73M
13_12-堆叠布局 StackLayout-设置层级_ev.mp4 23.36M
14_13-堆叠布局 StackLayout-对齐属性_ev.mp4 18.17M
15_14-位置布局 PositionLayout_ev.mp4 20.80M
16_15-自适应布局 AdaptiveBoxLayout_ev.mp4 20.45M
17_16-自适应布局-添加删除布局规则_ev.mp4 26.02M
18_01-Java基础组件介绍_ev.mp4 3.96M
19_02-Text组件详解_ev.mp4 56.31M
1_01-HarmonyOS布局基础知识_ev.mp4 25.67M
20_03-Button组件详解_ev.mp4 32.92M
21_04-Image组件用法详解_ev.mp4 41.18M
22_05-TextField组件详解_ev.mp4 20.23M
23_06-Switch组件详解_ev.mp4 24.20M
24_07-RadioButton组件用法_ev.mp4 19.98M
25_08-RadioContainer组件用法_ev.mp4 18.48M
26_09-CheckBox组件详解_ev.mp4 50.09M
27_10-ProgressBar用法_ev.mp4 20.46M
28_12-ToastDialog组件用法详解_ev.mp4 49.09M
29_13-通过CommonDialog自定义对话框_ev.mp4 70.05M
2_02-通过编码实现界面布局_ev.mp4 60.86M
30_14-Piker组件用法详解_ev.mp4 33.96M
31_15-ScrollView组件用法详解_ev.mp4 29.31M
32_16-TabList组件使用详解_ev.mp4 34.26M
33_17-PageSlider组件用法详解_ev.mp4 42.67M
34_18-PageSlider组件综合案例_ev.mp4 39.91M
35_19-ListContainer组件的用法_ev.mp4 55.01M
36_20-WebView组件使用详解1_ev.mp4 34.79M
37_21-WebView组件使用详解2_ev.mp4 41.53M
38_20210901_094221_ev.mp4 8.56M
39_20210910_164829_ev.mp4 5.21M
3_03. 通过XML实现界面布局_ev.mp4 32.86M
4_04-DirectionalLayout布局_ev.mp4 35.73M
5_04-方向布局-weight设置_ev.mp4 17.92M
6_05-layout_alignment设置子元素排列对齐_ev.mp4 22.01M
7_06-依赖布局 DependentLayout(1)_ev.mp4 23.28M
8_07-相对于父组件依赖布局_ev.mp4 26.77M
9_08-依赖布局案例_ev.mp4 21.81M