一、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元等您想捐的金額吧,狠狠點擊下面給點支持吧,站長非常感激您!手機微信長按不能支付解決辦法:請將微信支付二維碼保存到相冊,切換到微信,然后點擊微信右上角掃一掃功能,選擇支付二維碼完成支付。
【本文對您有幫助就好】元
