欧美三区_成人在线免费观看视频_欧美极品少妇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條評論
主站蜘蛛池模板: 黄色在线资源 | 二性视频| 欧美伊人久久 | www.75zzz.com| 国产激情91久久精品导航 | 国产大片免费天天看 | 深夜爽爽爽gif福利免费 | 久久国产视频网站 | 四虎免费在线观看视频 | 涩色婷婷狠狠第四四房社区奇米 | 欧美成人免费在线视频 | 欧美一级网站 | 天天躁日日躁狠狠躁中文字幕 | 在线观看高清免费 | 国产不卡在线 | 欧美日韩国产综合视频在线看 | 日韩欧美在线视频 | 久久久一区二区三区精品 | 亚洲欧美中文字幕 | 久久国产精品久久久久久久久久 | 日韩免费视频观看 | 精品久久久久久久 | 国产综合成色在线视频 | 精品一区二区久久久久久久网站 | 国产福利免费在线观看 | 色125综合网 | 一级在线播放 | 国产高清美女一级a毛片久久 | 国产精品2020观看久久 | 中文字幕a∨在线乱码免费看 | 国产tv | 国产精品亚洲精品日韩已方 | 久草国产在线观看 | 国产在线不卡 | 国产小视频在线观看www | 免费黄网站在线播放 | 青娱乐精品视频在线观看 | 99久久99久久免费精品蜜桃 | 成人福利在线视频免费观看 | 亚洲精品成人av | 欧美伊人久久 |