android之android:layout_weight的使用

浏览数：34 / 时间：2015年06月11日

android:layout_weight是线性布局（Linearlayout）中，表示控件的比重，权重的一个属性。这个属性，我们可以用来表示一个在一个线性布局中，几个控件按比例显示，这当然也包括各个控件平均显示。这个属性其实，对界面UI适配是一个非常有用的。

Google官方推荐，当使用weight属性时，将width设为0dip即可，效果跟设成wrap_content是一样的。这样android:layout_weight就可以理解为控件的长度比。

下面的这个例子，我们使用android:layout_weight来使三个图片平均显示和使二张图片按1：2的比例来显示的例子。

1.效果图：

技术分享

2.布局文件：

2.1第一行图片的布局文件(三个图片平均分布)：

	<LinearLayout
        android:id="@+id/contact_detail_btn_area"
        android:orientation="horizontal"
        android:layout_width="match_parent"
        android:layout_height="65dp">
 
        <LinearLayout
            android:id="@+id/contact_share_btn"
            android:orientation="vertical"
            android:layout_width="0dp"
            android:layout_height="wrap_content"
            android:layout_weight="1"
            android:background="#f7f7f7"
            android:gravity="center" >
            <ImageView
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:gravity="center_vertical"
                android:layout_marginTop="10dp"
                android:background="@drawable/share" />
            <TextView
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:textSize="10sp"
                android:text="share" />
        </LinearLayout>
 
        <LinearLayout
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:orientation="horizontal"
            android:background="#f7f7f7">
            <View
                android:layout_width="1dip"
                android:layout_height="wrap_content"
                android:layout_marginTop="10dp"
                android:background="#d1d1d1"/>
        </LinearLayout>
 
        <LinearLayout
            android:id="@+id/contact_edit_btn"
            android:orientation="vertical"
            android:layout_width="0dp"
            android:layout_height="wrap_content"
            android:layout_weight="1"
            android:background="#f7f7f7"
            android:gravity="center">
            <ImageView
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:gravity="center_vertical"
                android:layout_marginTop="10dp"
                android:background="@drawable/edit" />
            <TextView
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:textSize="10sp"
                android:text="edit" />
        </LinearLayout>
 
        <LinearLayout
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:orientation="horizontal"
            android:background="#f7f7f7" >
            <View
                android:layout_width="1dip"
                android:layout_height="wrap_content"
                android:layout_marginTop="10dp"
                android:background="#d1d1d1" />
        </LinearLayout>
 
        <LinearLayout
            android:id="@+id/contact_menu_btn"
            android:orientation="vertical"
            android:layout_width="0dp"
            android:layout_height="wrap_content"
            android:layout_weight="1"
            android:background="#f7f7f7"
            android:gravity="center" >
            <ImageView
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:gravity="center_vertical"
                android:layout_marginTop="10dp"
                android:background="@drawable/menu"/>
            <TextView
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:textSize="10sp"
                android:text="menu"/>
        </LinearLayout> 
    </LinearLayout>

2.2 第二行图片的布局文件(二个图片按1：2分布)：

	<LinearLayout
        android:orientation="horizontal"
        android:layout_width="match_parent"
        android:layout_height="65dp">
        <LinearLayout
            android:orientation="vertical"
            android:layout_width="0dp"
            android:layout_height="wrap_content"
            android:layout_weight="1"
            android:background="#f7f7f7"
            android:gravity="center">
            <ImageView
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:gravity="center_vertical"
                android:layout_marginTop="10dp"
                android:background="@drawable/share" />
            <TextView
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:textSize="10sp"
                android:text="share" />
        </LinearLayout>	
       <LinearLayout
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:orientation="horizontal"
            android:background="#f7f7f7" >
            <View
                android:layout_width="1dip"
                android:layout_height="wrap_content"
                android:layout_marginTop="10dp"
                android:background="#d1d1d1" />
        </LinearLayout>	
       <LinearLayout
            android:orientation="vertical"
            android:layout_width="0dp"
            android:layout_height="wrap_content"
            android:layout_weight="2"
            android:background="#f7f7f7"
            android:gravity="center">
            <ImageView
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:gravity="center_vertical"
                android:layout_marginTop="10dp"
                android:background="@drawable/edit" />
            <TextView
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:textSize="10sp"
                android:text="edit" />
        </LinearLayout>	
</LinearLayout>

2.3：整个布局文件：

<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:tools="http://schemas.android.com/tools"
    android:layout_width="match_parent"
    android:layout_height="wrap_content"
    android:orientation="vertical" >

	<LinearLayout
        android:id="@+id/contact_detail_btn_area"
        android:orientation="horizontal"
        android:layout_width="match_parent"
        android:layout_height="65dp">
 
        <LinearLayout
            android:id="@+id/contact_share_btn"
            android:orientation="vertical"
            android:layout_width="0dp"
            android:layout_height="wrap_content"
            android:layout_weight="1"
            android:background="#f7f7f7"
            android:gravity="center" >
            <ImageView
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:gravity="center_vertical"
                android:layout_marginTop="10dp"
                android:background="@drawable/share" />
            <TextView
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:textSize="10sp"
                android:text="share" />
        </LinearLayout>
 
        <LinearLayout
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:orientation="horizontal"
            android:background="#f7f7f7">
            <View
                android:layout_width="1dip"
                android:layout_height="wrap_content"
                android:layout_marginTop="10dp"
                android:background="#d1d1d1"/>
        </LinearLayout>
 
        <LinearLayout
            android:id="@+id/contact_edit_btn"
            android:orientation="vertical"
            android:layout_width="0dp"
            android:layout_height="wrap_content"
            android:layout_weight="1"
            android:background="#f7f7f7"
            android:gravity="center">
            <ImageView
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:gravity="center_vertical"
                android:layout_marginTop="10dp"
                android:background="@drawable/edit" />
            <TextView
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:textSize="10sp"
                android:text="edit" />
        </LinearLayout>
 
        <LinearLayout
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:orientation="horizontal"
            android:background="#f7f7f7" >
            <View
                android:layout_width="1dip"
                android:layout_height="wrap_content"
                android:layout_marginTop="10dp"
                android:background="#d1d1d1" />
        </LinearLayout>
 
        <LinearLayout
            android:id="@+id/contact_menu_btn"
            android:orientation="vertical"
            android:layout_width="0dp"
            android:layout_height="wrap_content"
            android:layout_weight="1"
            android:background="#f7f7f7"
            android:gravity="center" >
            <ImageView
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:gravity="center_vertical"
                android:layout_marginTop="10dp"
                android:background="@drawable/menu"/>
            <TextView
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:textSize="10sp"
                android:text="menu"/>
        </LinearLayout> 
    </LinearLayout>
   

	<LinearLayout
        android:orientation="horizontal"
        android:layout_width="match_parent"
        android:layout_height="65dp">
        <LinearLayout
            android:orientation="vertical"
            android:layout_width="0dp"
            android:layout_height="wrap_content"
            android:layout_weight="1"
            android:background="#f7f7f7"
            android:gravity="center">
            <ImageView
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:gravity="center_vertical"
                android:layout_marginTop="10dp"
                android:background="@drawable/share" />
            <TextView
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:textSize="10sp"
                android:text="share" />
        </LinearLayout>	
       <LinearLayout
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:orientation="horizontal"
            android:background="#f7f7f7" >
            <View
                android:layout_width="1dip"
                android:layout_height="wrap_content"
                android:layout_marginTop="10dp"
                android:background="#d1d1d1" />
        </LinearLayout>	
       <LinearLayout
            android:orientation="vertical"
            android:layout_width="0dp"
            android:layout_height="wrap_content"
            android:layout_weight="2"
            android:background="#f7f7f7"
            android:gravity="center">
            <ImageView
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:gravity="center_vertical"
                android:layout_marginTop="10dp"
                android:background="@drawable/edit" />
            <TextView
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:textSize="10sp"
                android:text="edit" />
        </LinearLayout>	
</LinearLayout>        
       		
</LinearLayout>

郑重声明：本站内容如果来自互联网及其他传播媒体，其版权均属原媒体及文章作者所有。转载目的在于传递更多信息及用于网络分享，并不代表本站赞同其观点和对其真实性负责，也不构成任何其他建议。

android之android:layout_weight的使用