欧美三区_成人在线免费观看视频_欧美极品少妇xxxxⅹ免费视频_a级毛片免费播放_鲁一鲁中文字幕久久_亚洲一级特黄

日積月累:LinearLayout的andrid:layout_weight

系統 1898 0

在開發的過程中,為了布局更好的適配各種各樣的屏幕,會經常使用android:layout_weight屬性,按比例分配屏幕的空間。在很多資料和書籍中解釋說,系統根據layout_weight比例分配占據空間的大小。但是這個解釋在實際開發過程中,往往給我們帶來許多困惑。

現在我們來看看具體場景如下:我們需要將三個TextView按照1:2:3的橫向的比例顯示。于是就有了如下代碼:

        <LinearLayout xmlns:android="http://schemas.android.com/apk/res/android" 
    xmlns:tools="http://schemas.android.com/tools" 
    android:layout_width="match_parent" 
    android:layout_height="match_parent" 
    android:orientation="horizontal" > 
 
    <TextView 
        android:layout_width="wrap_content" 
        android:layout_height="wrap_content" 
        android:layout_weight="1" 
        android:background="#FF4500" 
        android:gravity="center" 
        android:text="第一個" /> 
 
    <TextView 
        android:layout_width="wrap_content" 
        android:layout_height="wrap_content" 
        android:layout_weight="2" 
        android:background="#D15FEE" 
        android:gravity="center" 
        android:text="第二個" /> 
 
    <TextView 
        android:layout_width="wrap_content" 
        android:layout_height="wrap_content" 
        android:layout_weight="3" 
        android:background="#CAFF70" 
        android:gravity="center" 
        android:text="第三個" /> 
</LinearLayout> 
      
觀察結果顯示如下(我們分別修改三個TextView的laytou_width屬性 ):

1.layout_width: wrap_content

2.layout_width: fill_parent

3.layout_width:"0dp"

觀察可知,在三種情況下,同樣的layout_weight比例1:2:3,0dp的比例正確外,其它兩種產生了錯誤的不同結果,這就讓我們非常疑惑。


在查閱官方文檔: Child views can specify a weight value, and then any remaining space in the view group is assigned to children in the proportion of their declared weight。意思是,子視圖可以指定一個權重值,然后在這個視圖組中的所有剩余空間根據它們聲明的權重比例分配

查閱相關的各方面資料,綜合總結,layout_weight比例分配的原則如下

第一步,根據layout_width / layout_height ( 根據方向而定 ) 的屬性分配視圖的空間

第二步,計算視圖組剩余的空間大小,并按照layout_weight比例分配給子視圖

第三步,子視圖實際空間 = layout_width / layout_height分配空間+layout_weight比例分配空間

根據如上步驟我們分別解釋上面三種情況結果的原因

為了更好的解釋,這里我們聲明兩個常量content_width(內容所需占據的空間大小)和screen_width(屏幕的寬度空間大小)。

1.layout_width: wrap_content

第一步,根據layot_width:wrap_content分配三個TextView內容填充的空間,三個TextView的layout_width空間分別為:

layout_width1= content_width

layout_width2= content_width

layout_width3= content_width

第二步,視圖組線性布局剩余的空間大小 = screen_width - 3 * content_width;那么三個TextView 的layout_weight比例分配空間分別為

layout_weight1=(screen_width-3* content_width )/6

layout_weight2= ( screen_width-3* content_width )/3

layout_weight3= ( screen_width-3* content_width )/2

第三步,根據計算公式, 子視圖實際空間 = layout_width / layout_height分配空間+layout_weight比例分配空間 三個TextView的空間分別為

textview1= content_width + (screen_width-3* content_width )/6

textview2= content_width + (screen_width-3* content_width )/3

textview3= content_width + (screen_width-3* content_width )/2

那么textview1:textview2:textview3=(screen_width-2* content_width ):2*( screen_width-2* content_width ):3* screen_width。顯然,該比率是隨著content_width和screen_width而變化的,不能滿足我們的需求

2.layout_width: fill_parent

第一步,三個TextView的layout_width空間分別為

layout_width1= screen_width

layout_width2= screen_width

layout_width3= screen_width

第二步,三個TextView 的layout_weight比例分配空間分別為

layout_weight1=(screen_width-3* screen_width )/6=- screen_width /3

layout_weight2= ( screen_width-3* screen_width )/3=-2* screen_width /3

layout_weight3= ( screen_width-3* screen_width )/2=- screen_width

第三步,根據計算公式, 子視圖實際空間 = layout_width / layout_height分配空間+layout_weight比例分配空間 三個TextView的空間分別為

textview1= screen_width - screen_width /3 = 2 * screen_width /3

textview2= screen_width - 2 * screen_width /3 = screen _width/3

textview3= screen_width - screen_width = 0

那么textview1:textview2:textview3=2:1:0,符合我們觀察到的現象!但不滿足需求。

3.layout_width:"0dp"

第一步,三個TextView的layout_width空間分別為

layout_width1=0dp

layout_width2=0dp

layout_width3=0dp

第二步,三個TextView 的layout_weight比例分配空間分別為

layout_weight1=(screen_width-0dp)/6= screen_width /6

layout_weight2=( screen_width-0dp)/3= screen_width /3

layout_weight3=(screen_width-0dp)/2= screen_width /2

第三步,根據計算公式, 子視圖實際空間 = layout_width / layout_height分配空間+layout_weight比例分配空間 三個TextView的空間分別為

textview1= 0dp+screen_width/6= screen_width /6

textview2= 0dp+screen_width/3= screen_width /3

textview3= 0dp+screen_width/2= screen_width /2

那么textview1:textview2:textview3=1:2:3,符合我們觀察到的結果,完全滿足我們的需求!!!


綜上的分析和總結,建議在開發的過程當中,如果想根據自己的意愿,按照比例分配子視圖占據的空間,將你分配的方向的layout_width或layout_height屬性設置為”0dp"。

日積月累:LinearLayout的andrid:layout_weight屬性的使用詳解


更多文章、技術交流、商務合作、聯系博主

微信掃碼或搜索:z360901061

微信掃一掃加我為好友

QQ號聯系: 360901061

您的支持是博主寫作最大的動力,如果您喜歡我的文章,感覺我的文章對您有幫助,請用微信掃描下面二維碼支持博主2元、5元、10元、20元等您想捐的金額吧,狠狠點擊下面給點支持吧,站長非常感激您!手機微信長按不能支付解決辦法:請將微信支付二維碼保存到相冊,切換到微信,然后點擊微信右上角掃一掃功能,選擇支付二維碼完成支付。

【本文對您有幫助就好】

您的支持是博主寫作最大的動力,如果您喜歡我的文章,感覺我的文章對您有幫助,請用微信掃描上面二維碼支持博主2元、5元、10元、自定義金額等您想捐的金額吧,站長會非常 感謝您的哦!!!

發表我的評論
最新評論 總共0條評論
主站蜘蛛池模板: 亚洲日本三级 | 国产一区二区三区日韩欧美 | 一级黄色毛片播放 | 亚洲精品美女视频 | 泰国一级毛片aaa下面毛多 | 久久一区 | 亚洲欧洲精品一区二区 | 午夜视频十八嗯嗯啊免费 | 亚欧视频在线观看 | 亚洲国产精品综合久久网络 | 热99精品| 亚州第一视频 | 91精品国产日韩91久久久久久 | 国产高清免费视频 | 成人在线一区二区 | 亚洲欧洲日本在线观看 | 天天操夜夜嗨 | 毛片毛片毛片毛片毛片毛片 | 波多野结衣三级在线 | 澳门一级毛片免费播放 | 奇米激情 | 亚洲最大成人在线 | 天天干夜夜噜 | 亚洲第一页在线视频 | 亚洲精品一区二区三区四区 | 日日碰| 在线观看亚洲精品 | 啪啪免费观看 | 香蕉视频免费 | 亚洲综合国产精品 | 欧美电影在线观看网站 | 日韩婷婷 | 成人午夜亚洲影视在线观看 | 国产精品久久久久影院色老大 | 成人禁在线观看网站 | 国产精品秒播无毒不卡 | 免费黄色片网站 | 福利国产 | 日日碰狠狠添天天爽五月婷 | www.youjizz.com亚洲 | 97国产精品最新 |