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

android之layout_weight體驗(實現(xiàn)按比例顯示)

系統(tǒng) 1908 0
在android開發(fā)中LinearLayout很常用,LinearLayout的內(nèi)控件的android:layout_weight在某些場景顯得非常重要,比如我們需要按比例顯示。android并沒用提供table這樣的控件,雖然有TableLayout,但是它并非是我們想象中的像html里面的table那么好用,我們常用ListView實現(xiàn)table的效果,但是列對齊確比較麻煩,現(xiàn)在用LinearLayout及屬性android:layout_weight能很好地解決。下面我們共同體驗下layout_weight這個屬性。

  一、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
      
      
        >
      
    

效果如下:

android之layout_weight體驗(實現(xiàn)按比例顯示)

可以看到這三個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
      
      
        >
      
    

效果:

android之layout_weight體驗(實現(xiàn)按比例顯示)

這樣看來我們所需要的按比例又無法實現(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
      
      
        >
      
    

效果:

android之layout_weight體驗(實現(xiàn)按比例顯示)

這樣終于達(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值的和。

android之layout_weight體驗(實現(xiàn)按比例顯示)


更多文章、技術(shù)交流、商務(wù)合作、聯(lián)系博主

微信掃碼或搜索:z360901061

微信掃一掃加我為好友

QQ號聯(lián)系: 360901061

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

【本文對您有幫助就好】

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

發(fā)表我的評論
最新評論 總共0條評論
主站蜘蛛池模板: 亚洲午夜精品久久久久久成年 | 欧洲一级鲁丝片免费 | 人人爱天天做夜夜爽88 | 一级黄色片a | 久久久久久久成人 | 成人精品一区二区三区 | 亚洲色图套图 | 国产成人免费无庶挡视频 | 精品久久九九 | 日韩欧美大片在线观看 | 久草青娱乐 | 欧美成人伊人久久综合网 | 五月婷婷色视频 | 亚洲欧美一区在线 | 一级片视频免费 | 国产成人精品一区二区三区电影 | 波多久久夜色精品国产 | chinese 军人 gay xx 呻吟 | 男女午夜性爽快免费视频不卡 | 欧洲a老妇女黄大片 | 2018一级毛片免费观看 | 2016天天干| 欧美成人三级一区二区在线观看 | 午夜精品电影 | 国产99精品一区二区三区免费 | 国产一区精品视频 | 欧美三级 在线播放 | 国产综合在线播放 | 久久精品视频5 | 欧美高清在线精品一区 | 久久久免费的精品 | 国产精品久久久久久久久免费 | 欧美中文字幕一区二区三区亚洲 | 成年网站在线看 | 色婷婷亚洲五月色综合色 | 欧美人成片免费看视频不卡 | 91成人在线免费 | 欧美一级精品 | 中文一区二区 | 我要看真正的免费毛片 | 91麻豆精品国产91久久久更新时间 |