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属性来进行布局设计。