在android開發(fā)中LinearLayout很常用衬衬,LinearLayout的內控件的android:layout_weight在某些場景顯得非常重要,比如我們需要按比例顯示赌躺。android并沒用提供table這樣的控件县忌,雖然有TableLayout筷畦,但是它并非是我們想象中的像html里面的table那么好用,我們常用ListView實現(xiàn)table的效果黍判,但是列對齊確比較麻煩弟孟,現(xiàn)在用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的比例進行顯示的,這樣看來似乎可以實現(xiàn)按照比例顯示了陈症,但是有個問題蔼水,如果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>
效果:
這樣看來我們所需要的按比例又無法實現(xiàn)了录肯,經過滿天地google終于找到了解決方案趴腋,就是設置layout_width設置為"wrap_content"。配置及效果見下:
<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開發(fā)框架的大佬們有時候設計確實有點匪夷所思。
二厅贪、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值越小的優(yōu)先級越大。只有兩個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值的和烟很。