DependentLayout布局

顶风少年
发布于 2020-10-28 16:49
浏览
0收藏

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

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

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

DependentLayout布局-鸿蒙开发者社区

上图中最外层是一个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中元素同样也可以灵活的组合起来,前提是合理。

DependentLayout布局-鸿蒙开发者社区

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

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

DependentLayout布局-鸿蒙开发者社区

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

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

DependentLayout布局-鸿蒙开发者社区

 

 

分类
已于2020-10-28 16:49:23修改
收藏
回复
举报
1条回复
按时间正序
/
按时间倒序
SummerRic
SummerRic

不错不错~

回复
2020-12-15 10:20:34
回复
    相关推荐