android线性布局参数详解

时间:2022-05-14 04:36:00

线性布局中,有 4 个及其重要的参数,直接决定元素的布局和位置,这四个参数是

android:layout_gravity ( 是本元素相对于父元素的布局方向 )

android:gravity (是本元素内部所有子元素的布局方向)

android:orientation (线性布局以列或行来显示内部子元素)

android:layout_weight (线性布局内子元素对未占用空间【水平或垂直】分配权重值,其值越小,权重越大

前提是子元素 设置了 android:layout_width "fill_parent" 属性(水平方向)

 android:layout_height "fill_parent" 属性(垂直方向)


如果某个子元素的 android:layout_width "wrap_content"

            android:layout_height =" wrap_content” 

则 android:layout_weight 的设置值 对该方向上空间的分配刚好相反。

 

下面以一个简单例子来说明 4个参数

<? xml version = "1.0" encoding = "utf-8" ?>

< LinearLayout xmlns:android = "http://schemas.android.com/apk/res/android"

                           android:layout_height = "200dp"

                           android:layout_width = "200dp"

                           android:background = "#AABBCC"

                           android:orientation= "horizontal"

                           android:layout_gravity= "center" >

                           < TextView android:text = "ONE"

                                               android:background = "#aa0000"

                                               android:layout_height = "wrap_content"

                                               android:layout_width = "wrap_content"

                                               android:layout_margin = "1dp" />

                            < TextView android:text = "TWO"

                                               android:background = "#aa0000"

                                               android:layout_height = "wrap_content"

                                               android:layout_width = "wrap_content"

                                               android:layout_margin = "1dp" />

</ LinearLayout >

 

说明:在上面的例子中,根布局是LinearLayout, 其包含有2 个TextView 视图,为了对参数 android:layout_gravity有直观的了解,对根布局 LinearLayout 特意加了 3 个参数

android:layout_height "200dp"

android:layout_width   = "200dp"

android:background     = "#AABBCC"

为布局指定了固定的宽度和高度,以及背景颜色,上面的例子运行后效果如下图:

 

android线性布局参数详解

 

说明:对LinearLayout 中的参数android:layout_gravity 来说,其意义是指定本布局相对于父布局的重力方向,由于该布局的已经是根布局,其父布局是整个屏幕,那么该参数设置的是相对于屏幕的位置,可以换不同的参数top|bottom|left|right 等等参数来试验。

现在增加参数 android:gravity "bottom|right" 完整 XML 如下,看看效果

 

<? xml version = "1.0" encoding = "utf-8" ?>

< LinearLayout xmlns:android = "http://schemas.android.com/apk/res/android"

                      android:layout_height = "200dp"

                      android:layout_width = "200dp"

                      android:background "#AABBCC"

                      android:orientation="horizontal"

                      android:layout_gravity= "center"

                      android:gravity = "bottom|right " >

                      < TextView android:text = "ONE"

                                     android:background = "#aa0000"

                                     android:layout_height = "wrap_content"

                                     android:layout_width = "wrap_content"

                                     android:layout_margin = "1dp" />

                      < TextView android:text = "TWO"

                                     android:background = "#aa0000"

                                     android:layout_height = "wrap_content"

                                     android:layout_width = "wrap_content"

                                     android:layout_margin = "1dp" />

</ LinearLayout >

 

android线性布局参数详解

通过改变android:gravity 参数的值可以看到实际效果。


参数 android:orientation= " horizontal " 决定了每个子元素各占一列,如果

参数 android:orientation= " vertical "  则每个子元素各占一行,也就是从上到下排列了。


对于 LinearLayout 布局的子元素,给每个子元素加上参数 android:layout_weight

看看效果

<? xml version = "1.0" encoding = "utf-8" ?>

< LinearLayout xmlns:android = "http://schemas.android.com/apk/res/android"

                      android:layout_height = "200dp"

                      android:layout_width = "200dp"

                      android:background = "#AABBCC"

                      android:layout_gravity = "center"

                      android:gravity = "bottom|right"

                      android:orientation = "horizontal" >

                      < TextView android:text = "ONE"

                                     android:background = "#aa0000"

                                     android:layout_height = "wrap_content"

                                     android:layout_width = "wrap_content"

                                     android:layout_margin = "1dp"

                                     android:layout_weight = "1" />

                      < TextView android:text = "TWO"

                                     android:background = "#aa0000"

                                     android:layout_height = "wrap_content"

                                     android:layout_width = "wrap_content"

                                     android:layout_margin = "1dp"

                                     android:layout_weight = "2" />

</ LinearLayout >

android线性布局参数详解

 

 

 

Text 为ONE 的权重为1 ,但明显占的宽度比TWO 的小,百思不得其解,后来得知,如果把TextView 的参数android:layout_width "wrap_content" 全部修改为 android:layout_width "fill_parent", 则 ok ,代码如下


<? xml version = "1.0" encoding = "utf-8" ?>

< LinearLayout xmlns:android = "http://schemas.android.com/apk/res/android"

                      android:layout_height = "200dp"

                      android:layout_width = "200dp"

                      android:background = "#AABBCC"

                      android:layout_gravity = "center"

                      android:gravity = "bottom|right"

                      android:orientation = "horizontal" >

                      < TextView android:text = "ONE"

                                     android:background = "#aa0000"

                                     android:layout_height = "wrap_content"

                                     android:layout_width = " fill_parent "

                                     android:layout_margin = "1dp"

                                     android:layout_weight = "1" />

                      < TextView android:text = "TWO"

                                     android:background = "#aa0000"

                                     android:layout_height = "wrap_content"

                                     android:layout_width = " fill_parent "

                                     android:layout_margin = "1dp"

                                     android:layout_weight = "2" />

</ LinearLayout >

 

android线性布局参数详解



所以padding是定义控件自己的内容和控件边缘之间的距离,padding有填充填料的意思,而margin是在说控件的四个边缘之外的距离,指的是和别的控件之间的距离,margin有边缘,页面留白的意思

借用一幅别人的图来说明

android线性布局参数详解



gravity与layout_gravity 区别android:gravity 属性是对该view 内容的限定

android:layout_gravity    属性是该view相对与起父view 的位置的限定

例如如下代码,及效果图:

android线性布局参数详解

<LinearLayout 
    xmlns:android="http://schemas.android.com/apk/res/android
    android:orientation="vertical" 
    android:layout_width="fill_parent" 
    android:layout_height="fill_parent"> 
    <EditText 
        android:layout_width="wrap_content" 
        android:gravity="center" 
        android:layout_height="wrap_content" 
        android:text="one" 
        android:layout_gravity="right"/> 
</LinearLayout>



这两个都可以设置边距,但有细微的区别

android:padding是相对父view的边距

android:layout_margin是相对同一级View的边距

如LinearLayout是水平布局,下面有两个按钮,如果右边的按钮想距左边的按钮15px,因为这两个按钮是同一级的,应该用android:layout_margin;如果右边的按钮想距左边的距离为350px,应该用android:padding

注:

android:padding是左右上下都是相同的设置,如果想单独设置左边的,请设置android:paddingLeft,同样还可以设置android:paddingTop、    android:paddingBottom、android:paddingRight

 

android:layout_margin和android:padding一样,有左右上下

android:layout_marginLeft android:layout_marginTop android:layout_marginRight android:layout_marginBottom