Android Layout之二：LinearLayout

Android Layout之二：LinearLayout(一）

LinearLayout: LinearLayout是一个盒子模型（Box Model），以垂直或水平的方向，按照相对位置来排列所有的widgets或者其他的containers。所有被包含的widgets或者是containers都被堆放在container之后，因此一个垂直列表的每一行只会有一个widget或者是container，而不管他们有多宽，而一个水平列表将会只有一个行高（高度为最高子控件的高度加上边框高度）。LinearLayout保持其所包含的widget或者是container之间的间隔以及互相对齐（相对一个控件的右对齐、中间对齐或者左对齐）。 LinearLayout还支持为其包含的widget或者是container指定填充权值。好处就是允许其包含的widget或者是container可以填充屏幕上的剩余空间。这也避免了在一个大屏幕中，一串widgets或者是containers挤成一堆的情况，而是允许他们放大填充空白。剩余的空间会按这些widgets或者是containers指定的权值比例分配屏幕。默认的 weight 值为0，表示按照widgets或者是containers实际大小来显示，若高于0的值，则将Container剩余可用空间分割，分割大小具体取决于每一个widget或者是container的layout_weight及该权值在所有widgets或者是containers中的比例。例如，如果有三个文本框，其中两个指定的权值为1，那么，这两个文本框将等比例地放大，并填满剩余的空间，而第三个文本框不会放大，按实际大小来显示。如果前两个文本框的取值一个为2，一个为1，显示第三个文本框后剩余的空间的2/3给权值为2的，1/3大小给权值为1的。也就是权值越大，重要度越大。 如果LinearLayout包含子LinearLayout，子LinearLayout之间的权值越大的，重要度则越小。如果有LinearLayout A包含LinearLayout C,D，C的权值为2，D的权值为1，则屏幕的2/3空间分给权值为1的D，1/3分给权值为2的C。在LinearLayout嵌套的情况下，子LinearLayout必须要设置权值，否则默认的情况是未设置权值的子LinearLayout占据整个屏幕。 我们看一下效果图: 其中main.xml代码如下: <?xml version="1.0" encoding="utf-8"?> <LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"     android:orientation="vertical"     android:layout_width="fill_parent" android:layout_height="fill_parent">    <LinearLayout         android:id ="@+id/lineLayout1"     android:orientation="vertical"     android:layout_width="fill_parent"     android:layout_height="fill_parent"     android:layout_weight="2">   <!-如果未设置权值，则lineLayout1占据整个屏幕显示->     <TextView         android:text="block with weight 2 is smaller than the block with weight 1"         android:gravity="center_horizontal"         android:textSize="8pt"         android:layout_width="fill_parent"         android:layout_height="wrap_content"         />     </LinearLayout>     <LinearLayout     android:id ="@+id/lineLayout1"     android:orientation="horizontal"     android:layout_width="fill_parent"     android:layout_height="fill_parent"     android:layout_weight="1">         <TextView         android:id = "@+id/red"             android:text="red"         android:gravity="center_horizontal"         android:background="#aa0000"         android:layout_width="wrap_content"         android:layout_height="fill_parent"         android:layout_weight="1"/>         <TextView         android:id = "@+id/white"         android:text="white"         android:gravity="center_horizontal"         android:background="#000000"         android:layout_width="wrap_content"         android:layout_height="fill_parent"         />      <TextView         android:id = "@+id/green"         android:text="green"         android:gravity="center_horizontal"         android:background="#00aa00"         android:layout_width="wrap_content"         android:layout_height="fill_parent"         android:layout_weight="1"/>        </LinearLayout> </LinearLayout>

Android Layout之二：LinearLayout（二）

下面一个例子用来解释一下LinearLayout的一些属性的设置，在LinearLayout中包含有两个RadioGroup，上面的RadioGroup设置了一行的RadioButton，如android:orientation="horizontal"，下面的一个设置了一列的RadioButton。 每个RadioGroup都在其周围设置了padding用来和其他的RadioGroup区分开。这两个RadioGroup的layout_height和layout_width都设置为Wrap_content,这些RadioGroup只会按照实际显示大小来显示。 Main.xml的内容如下：   <?xml version="1.0" encoding="utf-8"?> <LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"     android:orientation="vertical"     android:layout_height="fill_parent"     android:layout_width="fill_parent"     >     <RadioGroup android:id ="@+id/orientation"         android:orientation="horizontal"         android:layout_height="wrap_content"         android:layout_width="wrap_content"         android:padding = "5px">         <RadioButton android:id="@+id/horizotal"             android:text="horizontal"/>         <RadioButton android:id="@+id/vertical"             android:text="vertical"/>       </RadioGroup>     <RadioGroup android:id="@+id/gravity"         android:orientation="vertical"         android:layout_width="fill_parent"         android:layout_height="wrap_content"         android:padding="5px">         <RadioButton android:id="@+id/left"             android:text="left"/>            <RadioButton android:id="@+id/center"             android:text="center"/>          <RadioButton android:id="@+id/right"             android:text="right"/>       </RadioGroup> </LinearLayout>   具体示图如下：

Android Layout之二：LinearLayout（三）

下面将通过在Activity里面动态修改LinearLayout(二）中相应的属性来改变屏幕布局，代码如下：   package com.hemi.LayoutTest;   import android.app.Activity; import android.os.Bundle; import android.view.Gravity; import android.text.TextWatcher; import android.widget.LinearLayout; import android.widget.RadioGroup; import android.widget.EditText;   public class LayoutTestActivity extends Activity implements RadioGroup.OnCheckedChangeListener {     RadioGroup oritentation;     RadioGroup gravity;         /** Called when the activity is first created. */     @Override     public void onCreate(Bundle savedInstanceState) {         super.onCreate(savedInstanceState);         setContentView(R.layout.main);                 oritentation = (RadioGroup)findViewById(R.id.orientation);         oritentation.setOnCheckedChangeListener(this);         gravity =(RadioGroup)findViewById(R.id.gravity);         gravity.setOnCheckedChangeListener(this);     }     public void onCheckedChanged(RadioGroup group, int checkedId){     if(group==oritentation){         if(checkedId == R.id.horizotal){             oritentation.setOrientation(LinearLayout.HORIZONTAL);             gravity.setOrientation(LinearLayout.HORIZONTAL);         }else {             oritentation.setOrientation(LinearLayout.VERTICAL);             gravity.setOrientation(LinearLayout.VERTICAL);         }     } else {         if(checkedId == R.id.left){             oritentation.setGravity(Gravity.LEFT);             gravity.setGravity(Gravity.LEFT);         }else if (checkedId == R.id.right){             oritentation.setGravity(Gravity.RIGHT);             gravity.setGravity(Gravity.RIGHT);         }else {             oritentation.setGravity(Gravity.CENTER_HORIZONTAL);             gravity.setGravity(Gravity.CENTER_HORIZONTAL);         }     }     } }   通过点击Oritentation 和Gravity的RadioGroup来控制布局，默认的布局由main.xml来配置。点击horizontal，vertical或者center和right可改变布局，示图如下：