敲黑板,以下是重点技巧。文章末尾有实战项目效果截图及代码截图可参考

1.使用背景=>

  •  RelativeContainer为采用相对布局的容器,支持容器内部的子元素设置相对位置关系,适用于界面复杂场景的情况,对多个子组件进行对齐和排列。子元素支持指定兄弟元素作为锚点,也支持指定父容器作为锚点,基于锚点做相对位置布局。

2.重点概念=> 锚点

  • 锚点:通过锚点设置当前元素基于哪个元素确定位置。

  • 对齐方式:通过对齐方式,设置当前元素是基于锚点的上中下对齐,还是基于锚点的左中右对齐。

3.锚点设置=>

  • 锚点设置是指设置子元素相对于父元素或兄弟元素的位置依赖关系。在水平方向上,可以设置left、middle、right的锚点。在竖直方向上,可以设置top、center、bottom的锚点。
  • RelativeContainer父组件为锚点,__container__代表父容器的ID

4.相对于父元素实战效果及使用方式截图=>

5.相对于兄弟元素实战效果及使用方式截图=>

6.大功告成

Logo

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

更多推荐