DirectionalLayout线性布局

Posted 程序员的小傲娇

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了DirectionalLayout线性布局相关的知识,希望对你有一定的参考价值。

今天我们介绍一下DirectionalLayout线性布局,带好小本本我们开始今天的课程了。

DirectionalLayout布局

DirectionalLayout是Java UI中的重要布局,主要是用于将一组组件(Component)按照水平或者垂直方向排布,能够很方便的对其布局内的所有组件,同时也可以和其他布局进行组合,实现更加丰富的布局方式。

DirectionalLayout的所有共有属性是继承自:Component基础组件

DirectionalLayout示意图

DirectionalLayout自有的布局属性如下:

alignment属性:表示在自有的XML属性,其中包括对齐方式,有左对齐、右对齐、水平居中对齐、垂直居中对齐等方式horizontal_center、垂直居中对齐vertical_center等方式。可以设置取值项如表中所列,也可以使用“|”进行多项组合。ohos:alignment=“top|left” 或者ohos:alignment=“left”

orientation属性:是表示子布局的排列方向,其中有两个重要的属性,一个是水平方向 horizontal,一个是垂直方向vertical。示例如下:水平方向:ohos:orientation=“horizontal” 垂直方向:ohos:orientation=“vertical”

total_weight权重:所有子视图的权重之和,可以直接设置浮点数值,也可以引用float浮点数资源。ohos:total_weight=“2.5"ohos:total_weight=”$float:total_weight"

layout_alignment对齐方式:表示DirectionalLayout所包含的可支持的XML属性。其中对其方式有左对齐、顶部对齐、水平居中对齐、垂直居中对齐等。可以设置取值项如表中所列,也可以使用“|”进行多项组合。ohos:layout_alignment=“top” ohos:layout_alignment=“top|left”

weight权重:权重(weight)就是按比例来分配组件占用父组件的大小,在水平布局下计算公式为:

父布局可分配宽度=父布局宽度-所有子组件width之和;

组件宽度=组件weight/所有组件weight之和*父布局可分配宽度;

实际使用过程中,建议使用width=0来按比例分配父布局的宽度,1:1:1效果如下:

案例一:排列方向

DirectionalLayout的排列方向(orientation)分为水平(horizontal)或者垂直(vertical)方向。使用orientation设置布局内组件的排列方式,默认为垂直排列。

案例二:权重

权重(weight)就是按比例来分配组件占用父组件的大小

以上就是这一期的鸿蒙系统DirectionalLayout线性布局的介绍了,同学们赶紧去试试吧!

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

以上是关于DirectionalLayout线性布局的主要内容,如果未能解决你的问题,请参考以下文章

鸿蒙HarMonyOS之DirectionalLayout布局的常用属性

HarmonyOS之常用布局DirectionalLayout的使用

如何使用线性布局添加背景图像作为根布局并具有嵌套线性布局

android,线性布局1,里面嵌套线性布局2(垂直排列),想让2在1里是垂直居中的,怎么搞?

Android UI布局-1.1线性布局-线性布局基础

垂直线性布局内的水平线性布局