Android布局设计中的layout_weight的学习

Android布局设计中的layout_weight的学习

      在Android XML文件的布局设计中，我们经常会遇到Android:layout_weight这个属性。从英文上的意思可以了解到，“weight”是指“分量、重要性”，即该属性指明了widget在设计布局中的重要性。那究竟layout_weight究竟是做什么用的呢？

      在线性布局中（LinearLayout）中（默认android:orientation="horizontal"），我们可以使用layout_weight为其视图（View）包含的小组件（widget）或者是容器（container）指定填充权值（重要度）。既是我们可以允许视图中的widget按照layout_weight所指定的数值，按比例分配来填充屏幕的空间。如果我们不指定这个属性，则系统默认为0 ，此时它表示按照widgets实际大小来显示；若layout_weight大于0，则表明存放视图组件的容器空间会按每个组件的layout_weight的值来按比例分配。为了更好更直观地说明这个问题，我用之前做计算器的一部分XML代码来进行举例说明：

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:tools="http://schemas.android.com/tools"
    android:orientation="vertical"
    android:background="#F000"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:layout_gravity="center_vertical" >
    
    <EditText 
        android:id="@+id/etResult"
        android:layout_width="match_parent"
    		android:layout_height="wrap_content"
    		android:inputType="text"
    		android:textSize="25sp"
    		android:text=""
    		android:layout_gravity="center"
    		android:gravity="left"
    		android:cursorVisible="true"
    		android:layout_marginLeft="2dp"
    		android:layout_marginRight="2dp"
    		android:layout_marginTop="4dp"
        />

    <TableLayout 
        android:id="@+id/tablelayoyt"
        android:layout_marginTop="4dp"
        android:layout_width="match_parent"
    	   android:layout_height="match_parent"
    	>
    	<LinearLayout 
    	    android:id="@+id/linearlayout02"
    	    android:layout_width="match_parent"
    	    android:layout_height="wrap_content"
    	    >
    	    <Button 
    	        android:id="@+id/btnC"
    	        android:layout_width="fill_parent"
    	        android:layout_height="wrap_content"
    	        android:textSize="25sp"
    	        android:text="@string/delete"
    	        android:layout_weight="2"/>
    	    <Button 
    	        android:id="@+id/btnCE"
    	        android:layout_width="fill_parent"
    	        android:layout_height="wrap_content"
    	        android:textSize="25sp"
    	        android:text="@string/deleteall"
    	        android:layout_weight="1"/>
    	</LinearLayout>
    	</TableRow>
    </TableLayout>
</LinearLayout>

      1、  首先应让两个Button的layout_width="fill_parent"

      第一个Button的layout_weight设置为“2”，第二个Button的layout_weight设置为“1”，运行结果如下：

       从图中我们可以看到，第一个按钮的长度为第二个按钮长度的1/2，既是屏幕长度的1/3，以此类推。这也说明了，如果layout_width="fill_parent"时，layout_weight的值越小，则该widget占用的空间长度比例越高。

       2、  让两个Button的layout_width="wrap_content"

第一个Button的layout_weight设置为“2”，第二个Button的layout_weight设置为“1”，运行结果如下：

        从此图可以看出，它与layout_weight=”fill_parent”完全相反。这说明了，如果layout_weight=”wrap_content”时，layout_weight的值越小，则该widget占用的空间长度比例越低。

        3、  两个Button的layout_width属性相等，layout_weight="1"

如下图所示：

       从图中可以看出，两个Button的长度相同。这说明了，如果设计布局中的所有widget的layout_weight都相同，则它们会按照同样的比例来填充屏幕空间。

       总结：如果我们希望布局中的widget或者container按照一定的比例来填充空间，我们可以使用layout_weight属性。但同时对于layout_weight，我们要知道当属性layout_width分别等于“fill_parent”和“wrap_content”时候的区别，从而适当地使用这个layout_weight属性来进行布局设计。