android:layout_weight深入理解

来源:互联网 发布:股票行情数据接口整理 编辑:程序博客网 时间:2024/06/11 12:30

 1 :android:layout_weight 属性理解

在Linerlayout中有 android:layout_weight这个属性,是给子view分配权重,现在我们来设置三个TextView,权重分别设为1,2,2:

<?xml version="1.0" encoding="utf-8"?><LinearLayout    xmlns:android="http://schemas.android.com/apk/res/android"    xmlns:app="http://schemas.android.com/apk/res-auto"    xmlns:tools="http://schemas.android.com/tools"    android:layout_width="match_parent"    android:layout_height="match_parent"    android:orientation="horizontal"    android:baselineAligned="false"    >    <TextView        android:layout_width="match_parent"        android:layout_height="50dp"        android:layout_weight="1"        android:gravity="center"        android:textColor="#ffffffff"        android:background="@color/colorPrimaryDark"        android:text="Hello World 1 "        />    <TextView        android:layout_width="match_parent"        android:layout_height="50dp"        android:layout_weight="2"        android:background="@color/colorAccent"        android:gravity="center"        android:text="Hello World 2"        />    <TextView        android:layout_width="match_parent"        android:layout_height="50dp"        android:background="#ff7a61"        android:layout_weight="2"        android:text="Hello World 3"        android:gravity="center"        /></LinearLayout>

1:2:2按比例分配,按照我们的理解应该是这样的:图1


可是实际上却是这样的:图2


纳尼?这是怎么回事?

请看这句话: Specifies how much of the extra space in the layout to be allocated to a view.

android:layout_weigh 首先按照控件声明的尺寸进行分配,然后再将剩下的尺寸按weight分配,最终分配的大小就是 view控件宽度+剩余父控件宽度*weight

这里我们match_parent ,假设屏幕宽度500dp,那么Hello world 1 分配的宽度= 500(控件宽度) + (500-3*500)/5 = 3*500/5 就是如图2所示。占了整个屏幕的3/5(这里500-3*500 是剩余父控件宽度,他等于屏幕宽度-子view宽度之和),同理Hello world2,3 ,就分别占总屏幕的1/5:

所以正确的布局写法应该是:

<?xml version="1.0" encoding="utf-8"?><LinearLayout    xmlns:android="http://schemas.android.com/apk/res/android"    xmlns:app="http://schemas.android.com/apk/res-auto"    xmlns:tools="http://schemas.android.com/tools"    android:layout_width="match_parent"    android:layout_height="match_parent"    android:orientation="horizontal"    android:baselineAligned="false"    >    <TextView        android:layout_width="0dp"        android:layout_height="50dp"        android:layout_weight="1"        android:gravity="center"        android:textColor="#ffffffff"        android:background="@color/colorPrimaryDark"        android:text="Hello World 1 "        />    <TextView        android:layout_width="0dp"        android:layout_height="50dp"        android:layout_weight="2"        android:background="@color/colorAccent"        android:gravity="center"        android:text="Hello World 2"        />    <TextView        android:layout_width="0dp"        android:layout_height="50dp"        android:background="#ff7a61"        android:layout_weight="2"        android:text="Hello World 3"        android:gravity="center"        /></LinearLayout>
对宽width 分配就把width 设置0dp ,对高Hight分配就把hight设置0dp,这样就能得到图1的效果。


 2 :android:layout_weight 属性妙用

    在之前写过一篇高仿QQ主界面,主界面是Framlayout+底部栏:

<?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:id="@+id/activity_main"      android:layout_width="match_parent" android:layout_height="match_parent"      android:orientation="vertical"     >        <FrameLayout          android:id="@+id/content"          android:layout_width="match_parent"          android:layout_weight="1"          android:layout_height="0dp">      </FrameLayout>      <include          layout="@layout/bottom"/>  </LinearLayout>  

对FrameLayout 设置weight属性,对底部不设置。那么最终add到Framelayout 的Fragment将被分配除底部栏以外的所有空间,这种带底部栏的布局,以后都可以这样写,不需要用Relativelayout 布局,消耗更多的性能。

0 0
原创粉丝点击