HarmonyOs鸿蒙开发实战(19)=>一文学会基础使用RelativeContainer组件
·
敲黑板,以下是重点技巧。文章末尾有实战项目效果截图及代码截图可参考
1.使用背景=>
- RelativeContainer为采用相对布局的容器,支持容器内部的子元素设置相对位置关系,适用于界面复杂场景的情况,对多个子组件进行对齐和排列。子元素支持指定兄弟元素作为锚点,也支持指定父容器作为锚点,基于锚点做相对位置布局。
2.重点概念=> 锚点
锚点:通过锚点设置当前元素基于哪个元素确定位置。
对齐方式:通过对齐方式,设置当前元素是基于锚点的上中下对齐,还是基于锚点的左中右对齐。
3.锚点设置=>
- 锚点设置是指设置子元素相对于父元素或兄弟元素的位置依赖关系。在水平方向上,可以设置left、middle、right的锚点。在竖直方向上,可以设置top、center、bottom的锚点。
- RelativeContainer父组件为锚点,__container__代表父容器的ID。
4.相对于父元素实战效果及使用方式截图=>


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



6.大功告成
更多推荐


所有评论(0)