android布局之LinearLayout, layout_weight很有用

main.xml   

  

  

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

<!--    

   <LinearLayout>   

       线性版面配置，在这个标签中，所有元件都是按由上到下的排队排成的   

 -->   

<LinearLayout    

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

    android:orientation="vertical"    

    android:layout_width="fill_parent"  

    android:layout_height="fill_parent">   

   <!-- android:orientation="vertical" 表示竖直方式对齐   

        android:orientation="horizontal"表示水平方式对齐   

        android:layout_width="fill_parent"定义当前视图在屏幕上   

                     可以消费的宽度，fill_parent即填充整个屏幕。   

        android:layout_height="wrap_content":随着文字栏位的不同   

        而改变这个视图的宽度或者高度。有点自动设置框度或者高度的意思   

                 

       layout_weight 用于给一个线性布局中的诸多视图的重要度赋值。   

     所有的视图都有一个layout_weight值，默认为零，意思是需要显示   

     多大的视图就占据多大的屏幕空 间。若赋一个高于零的值，则将父视   

     图中的可用空间分割，分割大小具体取决于每一个视图的layout_weight   

       值以及该值在当前屏幕布局的整体 layout_weight值和在其它视图屏幕布   

     局的layout_weight值中所占的比率而定。   

     举个例子：比如说我们在 水平方向上有一个文本标签和两个文本编辑元素。   

    该文本标签并无指定layout_weight值，所以它将占据需要提供的最少空间。   

    如果两个文本编辑元素每一个的layout_weight值都设置为1，则两者平分   

    在父视图布局剩余的宽度(因为我们声明这两者的重要度相等)。如果两个    

   文本编辑元素其中第一个的layout_weight值设置为1，而第二个的设置为2，   

   则剩余空间的三分之二分给第一个，三分之一分给第二个(数值越小，重要   

              度越高)。   

    -->   

    <LinearLayout   

    android:orientation="horizontal"  

    android:layout_width="fill_parent"  

    android:layout_height="fill_parent"  

    android:layout_weight="1">   

    <TextView   

        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:text="green"  

        android:gravity="center_horizontal"  

        android:background="#00aa00"  

        android:layout_width="wrap_content"  

        android:layout_height="fill_parent"  

        android:layout_weight="1"/>   

       

    <TextView   

        android:text="blue"  

        android:gravity="center_horizontal"  

        android:background="#0000aa"  

        android:layout_width="wrap_content"  

        android:layout_height="fill_parent"  

        android:layout_weight="1"/>   

       

    <TextView   

        android:text="yellow"  

        android:gravity="center_horizontal"  

        android:background="#aaaa00"  

        android:layout_width="wrap_content"  

        android:layout_height="fill_parent"  

        android:layout_weight="1"/>   

           

    </LinearLayout>   

       

    <LinearLayout   

    android:orientation="vertical"  

    android:layout_width="fill_parent"  

    android:layout_height="fill_parent"  

    android:layout_weight="2">   

       

    <TextView   

        android:text="row one"  

        android:textSize="15pt"  

        android:layout_width="fill_parent"  

        android:layout_height="wrap_content"  

        android:layout_weight="1"/>   

       

    <TextView   

        android:text="row two"  

        android:textSize="15pt"  

        android:layout_width="fill_parent"  

        android:layout_height="wrap_content"  

        android:layout_weight="1"/>   

       

    <TextView   

        android:text="row three"  

        android:textSize="15pt"  

        android:layout_width="fill_parent"  

        android:layout_height="wrap_content"  

        android:layout_weight="1"/>   

       

    <TextView   

        android:text="row four"  

        android:textSize="15pt"  

        android:layout_width="fill_parent"  

        android:layout_height="wrap_content"  

        android:layout_weight="1"/>   

           

    </LinearLayout>   

           

</LinearLayout>  

 

感觉这种形式有点像div+css的方式布局，不过这种方式的灵活性和div+css还是有些不及，主要是那android:layout_weight的值如何去确定，而且采用的是数值越小，重要度越高的方式，分配起来还得好好计算一下。

 

Java代码

Views.java   

  

  

package com.cn.view;   

  

import android.app.Activity;   

import android.os.Bundle;   

  

public class Views extends Activity {   

    /** Called when the activity is first created. */  

    @Override  

    public void onCreate(Bundle savedInstanceState) {   

        super.onCreate(savedInstanceState);   

        setContentView(R.layout.main);   

    }   

}  

 

 

 

我试过的是 空间按 weight 的比例的正比划分，不是反比。
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:orientation="vertical"
    android:layout_width="fill_parent"
    android:layout_height="fill_parent">

    <!-- view1 goes on top -->
    <TextView
        android:layout_width="fill_parent"
        android:layout_height="wrap_content"
        android:text="1111111111111111"/>

    <!-- view2 goes in the middle -->
    <TextView
        android:layout_width="fill_parent"
        android:layout_height="wrap_content"
        android:layout_weight="1"
        android:text="222222222222222"/>

    <!-- view3 goes on the bottom -->
    <TextView
        android:layout_weight="2"
        android:layout_width="fill_parent"
        android:layout_height="wrap_content"
        android:text="333333333333333"/>

</LinearLayout>