码迷,mamicode.com
首页 > 移动开发 > 详细

android之android:layout_weight的使用

时间:2015-02-10 16:48:08      阅读:195      评论:0      收藏:0      [点我收藏+]

标签:androidlayout_weight

     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的使用

标签:androidlayout_weight

原文地址:http://blog.csdn.net/hfreeman2008/article/details/43699717

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!