第11天鸿蒙App开发实战，相对布局

　　相对布局DependentLayout，也是比较常用的一个布局管理器，在它里面，组件的排列方式是相对于其他同级组件或者父组件的位置进行布局。相对同级组件
　　组件B神，想躲在组件A卡的后边时，在B神中用endof属性指定A卡的身份id即可。你将endof理解成追尾就好，也就是说，如果想让B在A的尾部，可在组件B神中，用endof属性指定组件A的id名称，代码如下：DependentLayoutxmlns：ohoshttp：schemas。huawei。comresohosohos：heightmatchparentohos：widthmatchparentohos：backgroundelementmedia：bgTextohos：idid：aohos：heightmatchcontentohos：widthmatchcontentohos：backgroundelementEC9DAAohos：margin10vpohos：padding10vpohos：text我是A卡ohos：textsize18fpTextohos：idid：bohos：endofid：aohos：heightmatchcontentohos：widthmatchcontentohos：backgroundelementEC9DFFohos：margin10vpohos：padding10vpohos：text我是B神，躲在A后边ohos：textsize18fpDependentLayout
　　运行虚拟机之后，效果如下图所示：
　　有在尾部的endof，就有在前面的startof，还有在左边的leftof等等，更多用于指定相对位置的属性，如下表所示：
　　属性名称
　　中文描述
　　取值
　　取值说明
　　使用案例
　　leftof
　　将右边缘与另一个子组件的左边缘对齐
　　引用仅可引用DependentLayout中包含的其他组件的id。
　　说明leftof与startof、endof属性有冲突，不建议一起使用。在水平布局方向为从左到右时，leftof会与startof属性冲突；在水平布局方向为从右到左时，leftof会与endof属性冲突。同时配置时，startof、endof优先级高于leftof属性。
　　ohos：leftofid：componentid
　　rightof
　　将左边缘与另一个子组件的右边缘对齐
　　引用仅可引用DependentLayout中包含的其他组件的id。
　　说明rightof与startof、endof属性有冲突，不建议一起使用。在水平布局方向为从左到右时，rightof会与endof属性冲突；在水平布局方向为从右到左时，rightof会与startof属性冲突。同时配置时，startof、endof优先级高于rightof属性。
　　ohos：rightofid：componentid
　　startof
　　将结束边与另一个子组件的起始边对齐
　　引用仅可引用DependentLayout中包含的其他组件的id。
　　说明startof与leftof、rightof属性有冲突，不建议一起使用。在水平布局方向为从左到右时，startof会与leftof属性冲突；在水平布局方向为从右到左时，startof会与rightof属性冲突。同时配置时，startof优先级高于leftof、rightof属性。
　　ohos：startofid：componentid
　　endof
　　将起始边与另一个子组件的结束边对齐
　　引用仅可引用DependentLayout中包含的其他组件的id。
　　说明endof与leftof、rightof属性有冲突，不建议一起使用。在水平布局方向为从左到右时，endof会与rightof属性冲突；在水平布局方向为从右到左时，endof会与leftof属性冲突。同时配置时，endof优先级高于leftof、rightof属性。
　　ohos：endofid：componentid
　　above
　　将下边缘与另一个子组件的上边缘对齐
　　引用
　　仅可引用DependentLayout中包含的其他组件的id
　　ohos：aboveid：componentid
　　below
　　将上边缘与另一个子组件的下边缘对齐
　　引用
　　仅可引用DependentLayout中包含的其他组件的id
　　ohos：belowid：componentid
　　alignbaseline
　　将子组件的基线与另一个子组件的基线对齐
　　引用
　　仅可引用DependentLayout中包含的其他组件的id
　　ohos：alignbaselineid：componentid
　　alignleft
　　将左边缘与另一个子组件的左边缘对齐
　　引用仅可引用DependentLayout中包含的其他组件的id。
　　说明alignleft与alignstart、alignend属性有冲突，不建议一起使用。在水平布局方向为从左到右时，alignleft会与alignstart属性冲突；在水平布局方向为从右到左时，alignleft会与alignend属性冲突。同时配置时，alignstart、alignend优先级高于alignleft属性。
　　ohos：alignleftid：componentid
　　aligntop
　　将上边缘与另一个子组件的上边缘对齐
　　引用
　　仅可引用DependentLayout中包含的其他组件的id
　　ohos：aligntopid：componentid
　　alignright
　　将右边缘与另一个子组件的右边缘对齐
　　引用仅可引用DependentLayout中包含的其他组件的id。
　　说明alignright与alignstart、alignend属性有冲突，不建议一起使用。在水平布局方向为从左到右时，alignright会与alignend属性冲突；在水平布局方向为从右到左时，alignright会与alignstart属性冲突。同时配置时，alignstart、alignend优先级高于alignright属性。
　　ohos：alignrightid：componentid
　　alignbottom
　　将底边与另一个子组件的底边对齐
　　引用
　　仅可引用DependentLayout中包含的其他组件的id
　　ohos：alignbottomid：componentid
　　alignstart
　　将起始边与另一个子组件的起始边对齐
　　引用仅可引用DependentLayout中包含的其他组件的id。
　　说明alignstart与alignleft、alignright属性有冲突，不建议一起使用。在水平布局方向为从左到右时，alignstart会与alignleft属性冲突；在水平布局方向为从右到左时，alignstart会与alignright属性冲突。同时配置时，alignstart优先级高于alignleft、alignright属性。
　　ohos：alignstartid：componentid
　　alignend
　　将结束边与另一个子组件的结束边对齐
　　引用仅可引用DependentLayout中包含的其他组件的id。
　　说明alignend与alignleft、alignright属性有冲突，不建议一起使用。在水平布局方向为从左到右时，alignend会与alignright属性冲突；在水平布局方向为从右到左时，alignend会与alignleft属性冲突。同时配置时，alignend优先级高于alignleft、alignright属性。
　　ohos：alignendid：componentid
　　alignparentleft
　　将左边缘与父组件的左边缘对齐
　　boolean类型可以直接设置truefalse，也可以引用boolean资源。
　　说明alignparentleft与alignparentstart、alignparentend属性有冲突，不建议一起使用。在水平布局方向为从左到右时，alignparentleft会与alignparentstart属性冲突；在水平布局方向为从右到左时，alignparentleft会与alignparentend属性冲突。同时配置时，alignparentstart、alignparentend优先级高于alignparentleft属性。ohos：alignparentlefttrue
　　ohos：alignparentleftboolean：true
　　alignparenttop
　　将上边缘与父组件的上边缘对齐
　　boolean类型
　　可以直接设置truefalse，也可以引用boolean资源。ohos：alignparenttoptrue
　　ohos：alignparenttopboolean：true
　　alignparentright
　　将右边缘与父组件的右边缘对齐
　　boolean类型可以直接设置truefalse，也可以引用boolean资源。
　　说明alignparentright与alignparentstart、alignparentend属性有冲突，不建议一起使用。在水平布局方向为从左到右时，alignparentright会与alignparentend属性冲突；在水平布局方向为从右到左时，alignparentright会与alignparentstart属性冲突。同时配置时，alignparentstart、alignparentend优先级高于alignparentright属性。ohos：alignparentrighttrue
　　ohos：alignparentrightboolean：true
　　alignparentbottom
　　将底边与父组件的底边对齐
　　boolean类型
　　可以直接设置truefalse，也可以引用boolean资源。ohos：alignparentbottomtrue
　　ohos：alignparentbottomboolean：true
　　alignparentstart
　　将起始边与父组件的起始边对齐
　　boolean类型可以直接设置truefalse，也可以引用boolean资源。
　　说明alignparentstart与alignparentleft、alignparentright属性有冲突，不建议一起使用。在水平布局方向为从左到右时，alignparentstart会与alignparentleft属性冲突；在水平布局方向为从右到左时，alignparentstart会与alignparentright属性冲突。同时配置时，alignparentstart优先级高于alignparentleft、alignparentright属性。ohos：alignparentstarttrue
　　ohos：alignparentstartboolean：true
　　alignparentend
　　将结束边与父组件的结束边对齐
　　boolean类型可以直接设置truefalse，也可以引用boolean资源。
　　说明alignparentend与alignparentleft、alignparentright属性有冲突，不建议一起使用。在水平布局方向为从左到右时，alignparentend会与alignparentright属性冲突；在水平布局方向为从右到左时，alignparentend会与alignparentleft属性冲突。同时配置时，alignparentend优先级高于alignparentleft、alignparentright属性。ohos：alignparentendtrue
　　ohos：alignparentendboolean：true
　　centerinparent
　　将子组件保持在父组件的中心
　　boolean类型
　　可以直接设置truefalse，也可以引用boolean资源。ohos：centerinparenttrue
　　ohos：centerinparentboolean：true
　　horizontalcenter
　　将子组件保持在父组件水平方向的中心
　　boolean类型
　　可以直接设置truefalse，也可以引用boolean资源。ohos：horizontalcentertrue
　　ohos：horizontalcenterboolean：true
　　verticalcenter
　　将子组件保持在父组件垂直方向的中心
　　boolean类型
　　可以直接设置truefalse，也可以引用boolean资源。ohos：verticalcentertrue
　　ohos：verticalcenterboolean：true
　　2。相对父级组件
　　内部组件相对于外部组件的位置，如内部组件A在外部组件B的左上角，将alignparenttop设置为True即可。组件的位置布局可以进行组合，形成处于左上角、左下角、右上角、右下角的布局。
　　代码示例如下所示：DependentLayoutxmlns：ohoshttp：schemas。huawei。comresohosohos：heightmatchparentohos：widthmatchparentohos：backgroundelementmedia：bgTextohos：idid：bohos：heightmatchcontentohos：widthmatchcontentohos：alignparenttoptrueohos：backgroundelementEC9DFFohos：margin10vpohos：padding10vpohos：text我是程序猿，我在左上角飘扬ohos：textsize18fpDependentLayout
　　运行虚拟机之后的效果如下图所示：
　　好了，想对布局的内容就说到这了，你自己多试试其他属性，看看效果。我写下一篇其他布局去了。对了，记得关注我，赚大发。
　　一个当了10年技术总监的老家伙，分享多年的编程经验。想学编程的朋友，关注我，你就赚到了。我爱分享Python、前端、Java和App方面的干货了。赶紧来围观啊！！！
　　鸿蒙华为鸿蒙头条热搜程序员热门