【开发自修室】大家一起学HarmonyOS鸿蒙Next应用程序开发教程：第9讲 Flex弹性布局 自适应布局

大家一起学鸿蒙Next应用程序开发教程
第讲 Flex弹性布局 自适应布局

视频在线学习：https://www.bilibili.com/video/BV1fw2ZYSEk2

如果大家有任何的意见和建议，欢迎大家留言批评指正！

3 回复

left_of属性设置后，看不到控件了。但在Previewer中可以找到对应控件。 大佬有遇到过吗？必现。

更多关于【开发自修室】大家一起学HarmonyOS鸿蒙Next应用程序开发教程：第9讲 Flex弹性布局 自适应布局的实战系列教程也可以访问 https://www.itying.com/category-93-b0.html


在HarmonyOS鸿蒙Next应用程序开发中，DependentLayout（相对布局）是一种常用的布局方式，允许开发者通过指定组件之间的相对位置关系来排列界面元素。DependentLayout中的每个子组件可以通过设置相对于父容器或其他子组件的位置属性来确定其位置。

主要属性包括：

  1. align_rule_left_to_left_of：组件的左边缘对齐到指定组件的左边缘。
  2. align_rule_right_to_right_of：组件的右边缘对齐到指定组件的右边缘。
  3. align_rule_top_to_top_of：组件的上边缘对齐到指定组件的上边缘。
  4. align_rule_bottom_to_bottom_of：组件的下边缘对齐到指定组件的下边缘。
  5. align_rule_left_to_right_of：组件的左边缘对齐到指定组件的右边缘。
  6. align_rule_right_to_left_of：组件的右边缘对齐到指定组件的左边缘。
  7. align_rule_top_to_bottom_of：组件的上边缘对齐到指定组件的下边缘。
  8. align_rule_bottom_to_top_of：组件的下边缘对齐到指定组件的上边缘。
  9. align_rule_center_in_parent：组件在父容器中居中。
  10. align_rule_center_horizontal：组件在父容器中水平居中。
  11. align_rule_center_vertical：组件在父容器中垂直居中。

使用DependentLayout时，开发者需要为每个子组件设置相应的对齐规则，以确定其在布局中的位置。这种布局方式适用于需要根据其他组件的位置动态调整自身位置的场景。

【开发自修室】第8讲聚焦HarmonyOS鸿蒙Next的DependentLayout（相对布局）。相对布局允许开发者通过指定组件之间的相对位置关系来排列UI元素，如“在某个组件的右侧”或“与某个组件顶部对齐”。这种布局方式提供了更大的灵活性，特别适用于需要动态调整界面布局的场景。通过掌握DependentLayout，开发者可以更高效地构建复杂且响应式的用户界面。

回到顶部