layout_weight及常见属性解析

比如有如下一个布局文件：

<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="match_parent"
android:paddingBottom="@dimen/activity_vertical_margin"
android:paddingLeft="@dimen/activity_horizontal_margin"
android:paddingRight="@dimen/activity_horizontal_margin"
android:paddingTop="@dimen/activity_vertical_margin"
tools:context="com.example.weight.MainActivity"
android:orientation="horizontal" >

<TextView
android:layout_width="0dp"
android:layout_height="48dp"
android:layout_weight="1"
android:background="#44ff0000"
android:gravity="center"
android:text="111111111111" />

<TextView
android:layout_width="0dp"
android:layout_height="48dp"
android:layout_weight="2"
android:background="#4400ff00"
android:gravity="center"
android:text="2" />

<TextView
android:layout_width="0dp"
android:layout_height="48dp"
android:layout_weight="3"
android:background="#440000ff"
android:gravity="center"
android:text="3" />

</LinearLayout>

效果却是：



文字的底端是对齐的

想要得到预期的效果

需要加入：

android:baselineAligned="false"

效果如下图所示：



如果把第一个TextView的layout_weight属性设置为wrap_content

android:layout_width="wrap_content"

效果如下：



说明，LinearLayout中的layout_weight属性，首先按照控件声明的尺寸进行分配，然后再将剩下的尺寸按weight分配。

假设有如下布局文件：

<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="match_parent"
android:paddingBottom="@dimen/activity_vertical_margin"
android:paddingLeft="@dimen/activity_horizontal_margin"
android:paddingRight="@dimen/activity_horizontal_margin"
android:paddingTop="@dimen/activity_vertical_margin"
tools:context="com.example.weight.MainActivity"
android:baselineAligned="false"
android:orientation="horizontal" >

<TextView
android:layout_width="match_parent"
android:layout_height="48dp"
android:layout_weight="1"
android:background="#44ff0000"
android:gravity="center"
android:text="111111111111" />

<TextView
android:layout_width="match_parent"
android:layout_height="48dp"
android:layout_weight="2"
android:background="#4400ff00"
android:gravity="center"
android:text="2" />

<TextView
android:layout_width="match_parent"
android:layout_height="48dp"
android:layout_weight="2"
android:background="#440000ff"
android:gravity="center"
android:text="3" />

</LinearLayout>

假设外层的LinearLayout的width为480

参考：首先按照控件声明的尺寸进行分配，然后再将剩下的尺寸按weight分配

那么剩余的尺寸是：rest = 480 - 480 * 3 = - 480 * 2

TextView 1 ： 480 + （ - 480 * 2 / 5） = 480 * （3 / 5）

TextView 2， 3 ： 480 + （ - 480 * 2 ） * （ 2 / 5 ） = 480 * （1 / 5 ）

效果如下图所示：



（剩余的尺寸可以是负值）

控件宽度 + 父控件剩余宽度 * 比例

实现只有一个TextView且只占用屏幕的一半：

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
android:layout_width="match_parent"
android:layout_height="match_parent"
android:weightSum="2"
android:orientation="horizontal" >

<TextView
android:layout_width="0dp"
android:layout_height="48dp"
android:layout_weight="1"
android:background="#44ff0000"
android:gravity="center"
android:text="111111111111" />

</LinearLayout>

使用 android:weightSum="2"

效果如下：