一、LinearLayout內(nèi)的控件的layout_width設(shè)置為"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的比例進(jìn)行顯示的,這樣看來似乎可以實現(xiàn)按照比例顯示了,但是有個問題,如果TextView內(nèi)的文本長度一同那么較長文本的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)了,經(jīng)過滿天地google終于找到了解決方案,就是設(shè)置layout_width設(shè)置為"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
>
效果:
這樣終于達(dá)到我們的按比例顯示的效果了,感覺很是奇怪,android開發(fā)框架的大佬們有時候設(shè)計確實有點匪夷所思。
二、LinearLayout內(nèi)的控件的layout_width設(shè)置為"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屬性很怪異,但幸運的是我們達(dá)到了目標(biāo):
按比例顯示LinearLayout內(nèi)各個子控件,需設(shè)置android:layout_width="0dp",如果為豎直方向的設(shè)置android:layout_height="0dp"。在這種情況下某子個控件占用LinearLayout的比例為:本控件weight值 / LinearLayout內(nèi)所有控件的weight值的和。
更多文章、技術(shù)交流、商務(wù)合作、聯(lián)系博主
微信掃碼或搜索:z360901061
微信掃一掃加我為好友
QQ號聯(lián)系: 360901061
您的支持是博主寫作最大的動力,如果您喜歡我的文章,感覺我的文章對您有幫助,請用微信掃描下面二維碼支持博主2元、5元、10元、20元等您想捐的金額吧,狠狠點擊下面給點支持吧,站長非常感激您!手機微信長按不能支付解決辦法:請將微信支付二維碼保存到相冊,切換到微信,然后點擊微信右上角掃一掃功能,選擇支付二維碼完成支付。
【本文對您有幫助就好】元

