1. 程式人生 > >Android橫豎屏切換View設置不同尺寸或等比例縮放的XML解決方案

Android橫豎屏切換View設置不同尺寸或等比例縮放的XML解決方案

fill 文件結構 nts mas hang 同名 log lan spa

在一些應用中,涉及到橫豎屏切換,View要切換成不同大小比例尺寸。為解決這種開發場景,有多種解決方案,比如可以重寫View,實現橫豎切換在onMesure或者此類View的回調方法裏面重新測量重新繪制View的尺寸大小。還有可以在onConfigurationChanged裏面根據當前的橫豎屏切換情況重寫設置View的長寬比例等等。
現在給出一種比較簡單且較為靈活的處理方法:通過寫兩套xml布局,實現在不同橫豎屏切換狀態下的不同大小比例尺寸。這種方案的關鍵做法是在res裏面放置兩個layout,分別叫做layout-land和layout-port。layout-land橫屏時候將被加載,layout-port豎屏時候加載。只需要寫兩個同名的布局文件,但是要分別放在res/layout-land和layout-port文件目錄下。這樣在橫豎屏切換時候Android系統就會自動根據當前橫豎屏情況加載相應的布局。
給出一個例子,本例只有一個activity_main.xml,需要在不同橫豎屏切換時候加載不同相應的布局。那麽就分別寫兩個不同activity_main.xml但是同名的布局文件。
res/layout-land/activity_main.xml:

[html] view plain copy http://www.woaipu.com/shops/zuzhuan/61406
  1. <?xml version="1.0" encoding="utf-8"?>
  2. <RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
  3. android:layout_width="match_parent"
  4. android:layout_height="match_parent">
  5. <TextView
  6. android:layout_width="200dp"
  7. android:layout_height="150dp"
  8. android:layout_centerInParent="true"
  9. android:background="@android:color/holo_red_light"
  10. android:gravity="center"
  11. android:text="橫屏" />
  12. </RelativeLayout>



res/layout-port/activity_main.xml:

[html] view plain copy
http://www.woaipu.com/shops/zuzhuan/61406
  1. <?xml version="1.0" encoding="utf-8"?>
  2. <RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
  3. android:layout_width="match_parent"
  4. android:layout_height="match_parent">
  5. <TextView
  6. android:layout_width="133dp"
  7. android:layout_height="100dp"
  8. android:layout_centerInParent="true"
  9. android:background="@android:color/holo_red_light"
  10. android:gravity="center"
  11. android:text="豎屏" />
  12. </RelativeLayout>

代碼文件結構:

技術分享

http://www.woaipu.com/shops/zuzhuan/61406

代碼在橫豎屏切換時候的運行結果:
橫屏:

http://www.woaipu.com/shops/zuzhuan/61406

Android橫豎屏切換View設置不同尺寸或等比例縮放的XML解決方案