千锋教育-做有情怀、有良心、有品质的职业教育机构

手机站
千锋教育

千锋学习站 | 随时随地免费学

千锋教育

扫一扫进入千锋手机站

领取全套视频
千锋教育

关注千锋学习站小程序
随时随地免费学习课程

当前位置:首页  >  技术干货  > web前端培训鸿蒙系统开发系列教程17-DependentLayout相对布局

web前端培训鸿蒙系统开发系列教程17-DependentLayout相对布局

来源:千锋教育
发布人:小千
时间: 2021-08-06 08:21:00 1628209260

      鸿蒙系统开发系列教程到这已经是第17期了,今天我们介绍一下DependentLayout相对布局,同学们带好小本本我们开始今天的课程

      DependentLayout相对布局

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

千锋<a href=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相对布局课程介绍了,最后欢迎对鸿蒙开发感兴趣的同学来千锋了解一下我们的web前端&鸿蒙开发系列培训课程,全程名师面授课程,更有免费学习资料可以领取,赶紧来了解一下吧。

tags:
声明:本站稿件版权均属千锋教育所有,未经许可不得擅自转载。
10年以上业内强师集结,手把手带你蜕变精英
请您保持通讯畅通,专属学习老师24小时内将与您1V1沟通
免费领取
今日已有369人领取成功
刘同学 138****2860 刚刚成功领取
王同学 131****2015 刚刚成功领取
张同学 133****4652 刚刚成功领取
李同学 135****8607 刚刚成功领取
杨同学 132****5667 刚刚成功领取
岳同学 134****6652 刚刚成功领取
梁同学 157****2950 刚刚成功领取
刘同学 189****1015 刚刚成功领取
张同学 155****4678 刚刚成功领取
邹同学 139****2907 刚刚成功领取
董同学 138****2867 刚刚成功领取
周同学 136****3602 刚刚成功领取
相关推荐HOT