DependentLayout相对布局

      今天我们介绍一下DependentLayout相对布局,同学们带好小本本我们开始今天的 课程

      DependentLayout相对布局

      DependentLayout是Java UI系统里的一种常见布局。与DirectionalLayout相比,拥有更多的排布方式,每个组件可以指定相对于其他同级元素的位置,或者指定相对于父组件的位置。关于DependentLayout的示意图如下:

千锋web前端培训鸿蒙教程1

      DependentLayout自有的布局属性有以下这些:

      alignment属性:alignment属性是表示对齐方式,可以表示左对齐、顶部对齐、右对齐、水平居中对齐、垂直居中对齐等方式,可以设置取值项如表中所列,也可以使用“|”进行多项组合。ohos:alignment="top|left"或者ohos:alignment="left"

      DependentLayout所包含组件可支持的XML属性:

      DependentLayout的排列方式是相对于其他同级组件或者父组件的位置进行布局。

      相对于同级组件end_of:

千锋web前端培训鸿蒙教程2

      below:位于某一个控件的下面

千锋web前端培训鸿蒙教程3

      其他的above、start_of、left_of、right_of等参数可分别实现类似的布局。

      相对于父组件以上位置布局可以组合,形成处于左上角、左下角、右上角、右下角的布局。

千锋web前端培训鸿蒙教程4

       以上就是这一期的DependentLayout相对布局课程介绍了 ,希望能帮到大家!

      本文来自千锋教育,转载请注明出处。


请使用浏览器的分享功能分享到微信等