亚洲免费在线-亚洲免费在线播放-亚洲免费在线观看-亚洲免费在线观看视频-亚洲免费在线看-亚洲免费在线视频

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

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

  一、LinearLayout內的控件的layout_width設置為"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體驗(實現按比例顯示)

可以看到這三個TextView是按照1:2:3的比例進行顯示的,這樣看來似乎可以實現按照比例顯示了,但是有個問題,如果TextView內的文本長度一同那么較長文本的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體驗(實現按比例顯示)

這樣看來我們所需要的按比例又無法實現了,經過滿天地google終于找到了解決方案,就是設置layout_width設置為"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體驗(實現按比例顯示)

這樣終于達到我們的按比例顯示的效果了,感覺很是奇怪,android開發框架的大佬們有時候設計確實有點匪夷所思。

  二、LinearLayout內的控件的layout_width設置為"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值越小的優先級越大。只有兩個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屬性很怪異,但幸運的是我們達到了目標:

  按比例顯示LinearLayout內各個子控件,需設置android:layout_width="0dp",如果為豎直方向的設置android:layout_height="0dp"。在這種情況下某子個控件占用LinearLayout的比例為:本控件weight值 / LinearLayout內所有控件的weight值的和。

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


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

微信掃碼或搜索:z360901061

微信掃一掃加我為好友

QQ號聯系: 360901061

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

【本文對您有幫助就好】

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

發表我的評論
最新評論 總共0條評論
主站蜘蛛池模板: 57pao一国产成视频永久免费 | 2022久久国产精品免费热麻豆 | 波多野结衣中文字幕一区二区 | 婷婷网五月天天综合天天爱 | 91社区视频| 免费福利在线视频 | 中文字幕在线观 | 国产精品久久久久鬼色 | 狠狠色噜噜狠狠狠狠色综合网 | 一本久久精品一区二区 | 午夜在线网站 | 国产精品2020观看久久 | 精品国产一区二区三区四区色 | 美国毛片免费观看 | 首页 动漫 亚洲 欧美 日韩 | 午夜欧美精品久久久久久久 | 奇米色影视 | 四虎永久免费地址 | 五月天激情婷婷 | 久久久www成人免费精品 | 久久久久国产成人精品亚洲午夜 | 久久99热精品免费观看欧美 | 精品一区二区三区在线观看l | 国产一区二区成人 | 日韩视频在线观看一区二区 | 久久精品国产400部免费看 | 中文字幕一区在线观看视频 | 白蛇缘起3免费观看 | 在线免费国产 | 久色tv| 在线视频这里只有精品 | 国产精品日韩欧美在线第3页 | 不卡高清av手机在线观看 | 久热这里只精品99re8久 | 手机在线精品视频 | 久久夜色tv网站免费影院 | 日本黄 色 成 年 人免费观看 | 国产免费一区二区三区香蕉精 | 动漫美女h片黄动漫在线观看 | 欧美日韩一区二区三在线 | 精品精品国产高清a毛片牛牛 |