android layout_weight 使用總結

來源:互聯網
上載者:User

標籤:

今天在使用androidlayout_weight的時候遇到點奇怪的問題,就上網查了一下,發現這篇文章很詳細,就轉了過來,謝謝分享者,寫的很詳細。

 在 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> 可以看到這三個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>效果:這樣看來我們所需要的按比例又無法實現了,經過滿天地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開發架構的大佬們有時候設計確實有點匪夷所思。   二、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值的和。

http://hunankeda110.iteye.com/blog/1879410

android layout_weight 使用總結

聯繫我們

該頁面正文內容均來源於網絡整理,並不代表阿里雲官方的觀點,該頁面所提到的產品和服務也與阿里云無關,如果該頁面內容對您造成了困擾,歡迎寫郵件給我們,收到郵件我們將在5個工作日內處理。

如果您發現本社區中有涉嫌抄襲的內容,歡迎發送郵件至: info-contact@alibabacloud.com 進行舉報並提供相關證據,工作人員會在 5 個工作天內聯絡您,一經查實,本站將立刻刪除涉嫌侵權內容。

A Free Trial That Lets You Build Big!

Start building with 50+ products and up to 12 months usage for Elastic Compute Service

  • Sales Support

    1 on 1 presale consultation

  • After-Sales Support

    24/7 Technical Support 6 Free Tickets per Quarter Faster Response

  • Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.