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"

效果如下：

更多相关文章

随机推荐