DependentLayout布局

DependentLayout是相对布局两个核心 1 当前组件相对于父组件的哪个位置 2 当前组件相当于兄弟组件的哪个位置。

官方文档 https://developer.harmonyos.com/cn/docs/documentation/doc-guides/ui-java-layout-dependentlayout-0000001050729536#ZH-CN_TOPIC_0000001050729536__table181011122175211

相对于父元素有7个可选位置。

上图中最外层是一个DependentLayout D1它占据屏幕大小的全部，它有一个子元素D2，这个子元素width800vp,height400vp D2的位置相对于D1是center_in_parent中间位置。D2里边有6个Text它们分别位于D2的align_parent_start align_parent_end align_parent_left align_parent_right align_parent_top align_parent_bottom这6个方位从截图可以看出start,left,top分别是一个访问在D2的左上角，right,end在D2的右上角,bottom在D2的左下角。

这7中元素同样也可以灵活的组合起来，前提是合理。

上图是除了中间的 center_in_parent 其余的8个都是由两个属性组成的。

相对于同级元素布局有6中模式。above，below，start_of，end_of，left_of，right_of。

上图中text2在text1下边(below)，text3在text1的右边(right_of)，text4在text3的结束位置(end_of),text5在父容器底部，text6在text5上边(above)，text7在父容器右上，text8在text7的开始位置(start_of),text9在text8的左边(left_of)。

同样也可以同时使用多个属性布局。