什么是DirectionalLayout
DirectionalLayout又称方向布局是鸿蒙开发中几个常用的布局之一使用频率较高而且非常简单布局内的控件依次排列支持横向或纵向排列
基础样例
1纵向排列
效果图
代码
代码说明
设置ohosorientation为vertical展示方向变成纵向
DirectionalLayout里面包括了三个显示文本的Text
2横向排列
效果图
代码
代码说明
设置ohosorientation为horizontal展示方向变成横向
3调整子控件摆放位置gravity属性
通过DirectionalLayout的ohosalignment属性控制其子控件相对于自己的对齐方式
31水平居中
效果图
代码
32垂直居中
效果图
外链图片转存失败源站可能有防盗链机制建议将图片保存下来直接上传imgy0eZrvJ6
代码
33水平垂直居中
效果图
代码
4按比例分空间layoutweight
DirectionalLayout里的子控件可以通过weight属性按比例分空间大小横向或纵向按照DirectionalLayout里所有直属子控件不算子控件的子控件设置的weight作为总和各个控件按照自己的weight所占总和比例来分空闲空间有些控件未设置weight则按照固定值
41等分空间
效果图
代码
代码说明1两个按钮都设置ohosweight属性且值相同故平分空间
42按比例分
一个控件保持固定大小一个占据剩余可用空间
效果图
代码
代码说明
第一个按钮不设置ohosweight属性保持本身大小
第二个按钮设置ohosweight属性占据所有剩余可用空间
完整源代码常用属性说明
属性名
用途
ohoswidth
设置控件宽度可设置为matchparent和父控件一样matchcontent按照内容自动伸缩设置固定值如200vp
ohosheight
设置控件高度可设置为matchparent和父控件一样matchcontent按照内容自动伸缩设置固定值如200vp
ohoslayoutalignment
在父控件内对齐方式可选值left居左start居左center居中right居右end居右top居上bottom居下horizontalcenter水平居中verticalcenter垂直居中
ohosbackgroundelement
设置背景可以是色值如FF0000或图片等
ohosvisibility
可选值visible显示invisible隐藏但是仍占据UI空间hide隐藏且不占UI空间
ohosorientation
子控件排列方向可选值horizontal横向vertical纵向
weight
【零基础学鸿蒙编程 子方向是哪个方位】DirectionalLayout所有直属子控件通过该属性值按比例分剩余可用空间
推荐阅读
- 猫打不打疫苗有什么区别 猫不打疫苗行吗
- 雪花秀和后哪个好 40岁雪花秀和后哪个好
- 凌空翱翔这个词的意思是什么
- 附近合租房个人出租信息 茂名租房网
- 蜘蛛和蜈蚣为什么不是昆虫
- wps下划线怎么打
- 怎么让猫咪不爬床上
- 煮粽子水多好还是水少好
- 横折弯钩的拼音