layout_weight体验(实现按比例显示)&Layout_weight详解

注：LinearLayout中的TextView按比例显示的时候，layout_width="0dp"或者layout_height="0dp"

在android开发中LinearLayout很常用，LinearLayout的内控件的android:layout_weight在某些场景显得非常重要，比如我们需要按比例显示。android并没用提供table这样的控件，虽然有TableLayout，但是它并非是我们想象中的像html里面的table那么好用，我们常用ListView实现table的效果，但是列对齐确比较麻烦，现在用LinearLayout及属性android:layout_weight能很好地解决。下面我们共同体验下layout_weight这个属性。

　　一、LinearLayout内的控件的layout_width设置为"wrap_content"，请看一下xml配置：

 <LinearLayout
      android:orientation="horizontal"
      android:layout_width="fill_parent"
      android:layout_height="fill_parent"
      android:layout_weight="1"
     >
      <TextView
          android:layout_width="wrap_content"
          android:layout_height="fill_parent"
          android:layout_weight="1"
          android:background="#aa0000"
          android:gravity="center"
          android:text="1"/>
      <TextView
          android:layout_width="wrap_content"
          android:layout_height="fill_parent"
          android:layout_weight="2"
          android:background="#00aa00"
          android:gravity="center"
          android:text="1"/>
      <TextView
          android:layout_width="wrap_content"
          android:layout_height="fill_parent"
          android:layout_weight="3"
          android:background="#0000aa"
          android:gravity="center"
          android:text="1"/>
  </LinearLayout>

效果如下：

可以看到这三个TextView是按照1:2:3的比例进行显示的，这样看来似乎可以实现按照比例显示了，但是有个问题，如果TextView内的文本长度一同那么较长文本的TextView会宽度会有所增加，见下面配置及效果：

配置：

 <LinearLayout
      android:orientation="horizontal"
      android:layout_width="fill_parent"
      android:layout_height="fill_parent"
      android:layout_weight="1">
      <TextView
          android:layout_width="wrap_content"
          android:layout_height="fill_parent"
          android:layout_weight="1"
          android:background="#aa0000"
          android:gravity="center"
          android:text="1111111111111111111111111111111111111111111"/>
      <TextView
          android:layout_width="wrap_content"
          android:layout_height="fill_parent"
          android:layout_weight="2"
          android:background="#00aa00"
          android:gravity="center"
          android:text="2"/>
      <TextView
          android:layout_width="wrap_content"
          android:layout_height="fill_parent"
          android:layout_weight="3"
          android:background="#0000aa"
          android:gravity="center"
          android:text="3"/>
  </LinearLayout>

效果：

这样看来我们所需要的按比例又无法实现了，经过满天地google终于找到了解决方案，就是设置layout_width设置为"0dp"。配置及效果见下：

 <LinearLayout
      android:orientation="horizontal"
      android:layout_width="fill_parent"
      android:layout_height="fill_parent"
      android:layout_weight="1">
      <TextView
          android:layout_width="0dp"
          android:layout_height="fill_parent"
          android:layout_weight="1"
          android:background="#aa0000"
          android:gravity="center"
          android:text="1111111111111111111111111111111111111111111"/>
      <TextView
          android:layout_width="0dp"
          android:layout_height="fill_parent"
          android:layout_weight="2"
          android:background="#00aa00"
          android:gravity="center"
          android:text="2"/>
      <TextView
          android:layout_width="0dp"
          android:layout_height="fill_parent"
          android:layout_weight="3"
          android:background="#0000aa"
          android:gravity="center"
          android:text="3"/>
  </LinearLayout>

效果：

这样终于达到我们的按比例显示的效果了，感觉很是奇怪，android开发框架的大佬们有时候设计确实有点匪夷所思。

　　二、LinearLayout内的控件的layout_width设置为"fill_parent"，请看一下xml配置：

 <LinearLayout
      android:orientation="horizontal"
      android:layout_width="fill_parent"
      android:layout_height="fill_parent"
      android:layout_weight="1">
      <TextView
          android:layout_width="fill_parent"
          android:layout_height="fill_parent"
          android:layout_weight="1"
          android:background="#aa0000"
          android:gravity="center"
          android:text="1"/>
      <TextView
          android:layout_width="fill_parent"
          android:layout_height="fill_parent"
          android:layout_weight="2"
          android:background="#00aa00"
          android:gravity="center"
          android:text="2"/>
  </LinearLayout>

效果如下：

奇怪吧，整个宽度平分3块，第一个TextView占了两块，这样看来weight值越小的优先级越大。只有两个TextView似乎看出些道理，那么让我们看看三个是什么效果：

<LinearLayout
      android:orientation="horizontal"
      android:layout_width="fill_parent"
      android:layout_height="fill_parent"
      android:layout_weight="1">
      <TextView
          android:layout_width="fill_parent"
          android:layout_height="fill_parent"
          android:layout_weight="1"
          android:background="#aa0000"
          android:gravity="center"
          android:text="1"/>
      <TextView
          android:layout_width="fill_parent"
          android:layout_height="fill_parent"
          android:layout_weight="2"
          android:background="#00aa00"
          android:gravity="center"
          android:text="2"/>
      <TextView
          android:layout_width="fill_parent"
          android:layout_height="fill_parent"
          android:layout_weight="3"
          android:background="#0000aa"
          android:gravity="center"
          android:text="3"/>
  </LinearLayout>

效果：

什么意思？第三个TextView丢掉了，很是奇怪，让我们再试一个，把weight分别改为2,3,4的看看效果：

这个效果让人很困惑，我一直想寻求出一个确切的比例公式，但是至今未找到。有哪位大神能搞定的话忘不吝赐教。

虽然这个android:layout_weight属性很怪异，但幸运的是我们达到了目标：

　　按比例显示LinearLayout内各个子控件，需设置android:layout_width="0dp"，如果为竖直方向的设置android:layout_height="0dp"。在这种情况下某子个控件占用LinearLayout的比例为：本控件weight值 / LinearLayout内所有控件的weight值的和。

注：原文链接http://www.cnblogs.com/zhmore/archive/2011/11/04/2236514.html

 

 Layout_weight详解

在xml裡面用的Layout_weight該屬性代表的權值，權值越小，級別越高，即在佈局中佔的分量就越重，舉例。
<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
android:orientation="horizontal"
android:layout_width="fill_parent"
android:layout_height="fill_parent"
>
<Button
android:layout_width="fill_parent"
android:layout_height="wrap_content"
android:layout_weight="1"
android:text="Button1"
/>
<Button
android:layout_width="fill_parent"
android:layout_height="wrap_content"
android:layout_weight="2"
android:text="Button2"
/>
</LinearLayout>
因为设置了button1的权重最小，所以它占用的布局优先级就越高，這樣設置的意思是：將橫向的佈局分為三份，
button1佔兩份，button2佔一份。
那首先分析一下當layout_width屬性設置為fill_parent的時候，即充滿父佈局，當然意思是這個控件要根據weight
的設置盡可能的大，因此，依上例而論，button1的weight設為1,button2的weight設置為2.即button的優先級最高
，因此，要填充父佈局就要button1先來填充，盡可能的大，那這個盡可能又是多少呢，這就要綜合layout裡其他控
件的weight值了，然後做一下運算，button1佔據2/3，button2佔據1/3.你也可以把button2設置為一個非常大的數
，比如2000，此時在Graphical Layout模式下可以看到button1填充滿了整個寬度，而看不到button2的影子，事實
上button2還是存在的，你把鼠標指向button1的後面就可以看到一個長長的豎條，那個就是button2，已經非常非常
小了。因此，在layout_width設置為fill_parent的時候，weight所代表的是你的控件要優先盡可能的大。
當layout_weight設置為wrap_content的時候，即適應內容的寬度，意思是這個控件要盡可能的小，只要能把內容顯
示出來就可以了，同樣的，如果把button1和button2的layout_width設置為wrap_content後，button1的weight為1
，button2的weight為2.那麼button1要優先盡可能的小，而button2也要盡可能的小，只是優先級不一樣，因為設置
了weight，所以這兩個控件總的寬度要填滿父佈局的寬度，所以就又要計算每個控件所佔據的大小，此時，button1
的優先級較高，共有兩份，一份1/3，一份2/3，button1要盡可能的小，那button1當然要選1/3，因此，我們看到的
效果反而是button2佔據的較大。這裡要說的是如果把權值同樣做如下設置：button1為1，button2為2000，那
button1是不是就要佔據1/2000的空間呢？這麼理解就錯了，剛才說了，要盡可能的小，但這個小是有一個限度的，
那就是wrap_content，就是還要是內容完完整整的顯示出來，同樣的，盡可能的大也是有一個限度的，那就是父佈
局的寬度。因此，在layout_width設置為wrap_content的時候，weight所代表的是你的控件要優先盡可能的小。
在layout_width設置為fill_parent的時候，layout_weight所代表的是你的控件要優先盡可能的大,但這個大是有限
度的，即fill_parent.
在layout_width設置為wrap_content的時候，layout_weight所代表的是你的控件要優先盡可能的小,但這個小是有
限度的，即wrap_content.