1500字范文,内容丰富有趣,写作好帮手!
1500字范文 > android linearlayout 方法 Android布局控件-LinearLayout详解

android linearlayout 方法 Android布局控件-LinearLayout详解

时间:2021-06-24 01:39:39

相关推荐

android linearlayout 方法 Android布局控件-LinearLayout详解

1.线性布局 LinearLayout

LinearLayout简单来说就是线性布局,线性肯定是具有横竖两种方向的,水平和垂直。

在使用LinearLayout的时候,需要注意以下几点

2.排列方式(orientation)

排列方式有水平和垂直两种方式

在xml文件中:

android:orientation="vertical" // 垂直排列

android:orientation="horizontal" // 水平排列

在java代码中:

linearLayout.setOrientation(LinearLayout.VERTICAL); // 设置垂直排列

linearLayout.setOrientation(LinearLayout.HORIZONTAL);// 设置水平排列

这里需要注意:

android:orientation="vertical",子View使用layout_gravity在垂直方向上的设定无效

android:orientation="horizontal",子View使用layout_gravity在水平方向上的设定无效

3.摆放位置(gravity/layout_gravity)

上面讲到了排列问题,这里在来讲一下摆放问题

gravity是针对当前控件里面内容的摆放,如果是容器,则针对的是容器里面子view的摆放;如果是控件,则针对的是控件里面内容的摆放。

layout_gravity是指当前控件在父控件里面的摆放位置,不过需要注意的一点是父控件设置的gravity的级别要低于子控件设置的layout_gravity。

我们来分析其中的一种情况然后来做个总结。

LinearLayout的排列方式为vertical,优先级最高。当LinearLayout设置了gravity,都是在LinearLayout排列方式为vertical,LinearLayout设置了gravity之后的位置重新来进行排列的。如果子view设置了layout_gravity的话,那么子View的排列方式按子View设置的为主,下面看个例子:

xmlns:android="/apk/res/android"

android:id="@+id/linear_layout"

android:layout_width="match_parent"

android:layout_height="match_parent"

android:gravity="center_horizontal"

android:orientation="vertical">

android:layout_width="100dp"

android:layout_height="wrap_content"

android:padding="5dp"

android:text="hello"/>

android:layout_width="100dp"

android:layout_height="wrap_content"

android:layout_gravity="center_vertical"

android:padding="5dp"

android:text="hello"/>

android:layout_width="100dp"

android:layout_height="wrap_content"

android:padding="5dp"

android:text="hello"/>

gravity_image

可以看到第二个TextView设置的layout_gravity为center_vertical,表示生效的是layout_gravity为center_vertical。所以layout_gravity相当于只设定了center_vertical(不生效)而没有设定center_horizontal,所有就出现了图中的情况。可以总结为如果父控件设置了gravity的同时,子View设置了layout_gravity,那么以子View设定的为准。

3.1 权重(layout_weight)

layout_weight

在LinearLayout布局之中,权重也是一个很重要的属性。简单来说就是按比例来分配控件占用父控件的大小。

若C-child表示子布局声明的大小,B-blank表示剩余布局的大小,P-percent表示子布局占据父布局剩余布局的比例,则子布局最终的实际大小R-reality为:

R = C + B * P

xmlns:android="/apk/res/android"

android:id="@+id/linear_layout"

android:layout_width="match_parent"

android:layout_height="match_parent"

android:orientation="horizontal">

android:layout_width="0dp"

android:layout_height="wrap_content"

android:layout_weight="1"

android:background="@android:color/holo_blue_dark"

android:padding="5dp"

android:text="left"/>

android:layout_width="0dp"

android:layout_height="wrap_content"

android:layout_weight="1"

android:background="@android:color/holo_green_dark"

android:gravity="center"

android:padding="5dp"

android:text="right"/>

weight_image

我们来按照公式来计算

R = C + B * P = 0dp + (B-0dp-0dp) * (1/2) = (1/2)B

也就是父布局的1/2。

weightSum

LinearLayout有一个权重数量的标记:weightSum。在LinearLayout中没有声明weightSum时,默认的就是各个控件权重的总和。上面的例子,默认的weightSum就是2。接下来我们再看一个例子:

这里我将weightSum设置为4。

xmlns:android="/apk/res/android"

android:id="@+id/linear_layout"

android:layout_width="match_parent"

android:layout_height="match_parent"

android:weightSum="4"

android:orientation="horizontal">

android:layout_width="0dp"

android:layout_height="wrap_content"

android:layout_weight="1"

android:background="@android:color/holo_blue_dark"

android:padding="5dp"

android:text="left"/>

android:layout_width="0dp"

android:layout_height="wrap_content"

android:layout_weight="1"

android:background="@android:color/holo_green_dark"

android:gravity="center"

android:padding="5dp"

android:text="right"/>

布局的显示如下:

weight_image

0dp与wrap_content

谷歌官方建议子布局的layout_width使用0dp,来分比例显示布局,和wrap_content大同小异,当使用layout_weight时,都表示占据剩余宽度或高度的比重。

但两者有明显区别。

使用0dp时,要考虑所分配的布局宽度是否小于控件实际宽度,比如:

xmlns:android="/apk/res/android"

android:id="@+id/linear_layout"

android:layout_width="match_parent"

android:layout_height="match_parent">

android:layout_width="0dp"

android:layout_height="wrap_content"

android:layout_weight="1"

android:background="@android:color/holo_blue_dark"

android:padding="5dp"

android:text="left"/>

android:layout_width="0dp"

android:layout_height="wrap_content"

android:layout_weight="19"

android:background="@android:color/holo_green_dark"

android:gravity="center"

android:padding="5dp"

android:text="right"/>

则显示为如下:

weight_image

而使用wrap_content则不会出现上面的那种情况

xmlns:android="/apk/res/android"

android:id="@+id/linear_layout"

android:layout_width="match_parent"

android:layout_height="match_parent">

android:layout_width="wrap_content"

android:layout_height="wrap_content"

android:layout_weight="1"

android:background="@android:color/holo_blue_dark"

android:padding="5dp"

android:text="left"/>

android:layout_width="wrap_content"

android:layout_height="wrap_content"

android:layout_weight="19"

android:background="@android:color/holo_green_dark"

android:gravity="center"

android:padding="5dp"

android:text="right"/>

weight_image

这里left先获取自适应的大小,然后再去获取剩余布局的1/20。

0dp与match_parent

可以发现match_parent是与0dp的效果是相反的

xmlns:android="/apk/res/android"

android:id="@+id/linear_layout"

android:layout_width="match_parent"

android:layout_height="match_parent">

android:layout_width="match_parent"

android:layout_height="wrap_content"

android:layout_weight="1"

android:background="@android:color/holo_blue_dark"

android:padding="5dp"

android:text="left"/>

android:layout_width="match_parent"

android:layout_height="wrap_content"

android:layout_weight="2"

android:background="@android:color/holo_green_dark"

android:gravity="center"

android:padding="5dp"

android:text="right"/>

weight_image

这看起来很奇怪,那么我们通过公式来计算。以left为例子

B是剩余布局的大小 = 父布局大小 - 子控件大小之和

B = C - (C + C) = -C;

R = C + B * P = C + (-C) * (1/3) = 2/3C

这里的C就是父布局的大小也就是match_parent。

4.总结

LinearLayout的排列方式有垂直和水平

当LinearLayout的排列方式为vertical,也就是垂直方向时:

LinearLayout里面的子view设置layout_gravity在垂直方向上的设定是无效的。并且子view设定的layout_gravity是在前两个的基础位置上来进行摆放的。

当LinearLayout的排列方式为horizontal,也就是水平方向时:

LinearLayout里面的子view设置layout_gravity在水平方向上的设定是无效的。并且子view设定的layout_gravity是在前两个的基础位置上来进行摆放的。

权重需要记住的就是公式

控件的实际大小 = 控件设定的大小 + (布局剩余的大小) * 布局的比例

布局剩余的大小 = 父布局的大小 - 子布局大小之和

本内容不代表本网观点和政治立场,如有侵犯你的权益请联系我们处理。
网友评论
网友评论仅供其表达个人看法,并不表明网站立场。