android自動適應螢幕二、自訂尺寸法

來源:互聯網
上載者:User

   這個是我自己想出來的方法,可能是個比較笨的方法,所以沒有多少人提過用這種方法解決自適應的問題。雖然這個方法缺點也很多,但有時候也是個不錯的方法。
    先看下面這張圖



     可以看到我定義了兩套尺寸檔案,我們可以看下其中一個檔案

?程式碼片段,雙擊複製 01020304050607080910111213141516171819202122232425262728293031323334353637383940414243 <?xml
 version="1.0"

encoding="utf-8"?><resources><dimen
 name="height_1_80">6px</dimen><dimen
 name="height_2_80">12px</dimen><dimen
 name="height_3_80">18px</dimen><dimen
 name="height_4_80">24px</dimen><dimen
 name="height_5_80">30px</dimen><dimen
 name="height_6_80">36px</dimen><dimen
 name="height_7_80">42px</dimen><dimen
 name="height_8_80">48px</dimen><dimen
 name="height_9_80">54px</dimen><dimen
 name="height_10_80">60px</dimen><dimen
 name="height_11_80">66px</dimen><dimen
 name="height_12_80">72px</dimen><dimen
 name="height_13_80">78px</dimen><dimen
 name="height_14_80">84px</dimen><dimen
 name="height_15_80">90px</dimen><dimen
 name="height_16_80">96px</dimen><dimen
 name="height_17_80">102px</dimen><dimen
 name="height_18_80">108px</dimen><dimen
 name="height_19_80">114px</dimen><dimen
 name="height_20_80">120px</dimen><dimen
 name="height_21_80">126px</dimen><dimen
 name="height_22_80">132px</dimen><dimen
 name="height_23_80">138px</dimen><dimen
 name="height_24_80">144px</dimen><dimen
 name="height_25_80">150px</dimen><dimen
 name="height_26_80">156px</dimen><dimen
 name="height_27_80">162px</dimen><dimen
 name="height_28_80">168px</dimen><dimen
 name="height_29_80">174px</dimen><dimen
 name="height_30_80">180px</dimen><dimen
 name="height_31_80">186px</dimen><dimen
 name="height_32_80">192px</dimen><dimen
 name="height_33_80">198px</dimen><dimen
 name="height_34_80">204px</dimen><dimen
 name="height_35_80">210px</dimen><dimen
 name="height_36_80">216px</dimen><dimen
 name="height_37_80">222px</dimen><dimen
 name="height_38_80">228px</dimen><dimen
 name="height_39_80">234px</dimen><dimen
 name="height_40_80">240px</dimen><dimen
 name="height_41_80">246px</dimen><dimen
 name="height_42_80">252px</dimen><dimen
 name="height_43_80">258px</dimen><dimen
 name="height_44_80">264px</dimen><dimen
 name="height_45_80">270px</dimen><dimen
 name="height_46_80">276px</dimen><dimen
 name="height_47_80">282px</dimen><dimen
 name="height_48_80">288px</dimen><dimen
 name="height_49_80">294px</dimen><dimen
 name="height_50_80">300px</dimen><dimen
 name="height_51_80">306px</dimen><dimen
 name="height_52_80">312px</dimen><dimen
 name="height_53_80">318px</dimen><dimen
 name="height_54_80">324px</dimen><dimen
 name="height_55_80">330px</dimen><dimen
 name="height_56_80">336px</dimen><dimen
 name="height_57_80">342px</dimen><dimen
 name="height_58_80">348px</dimen><dimen
 name="height_59_80">354px</dimen><dimen
 name="height_60_80">360px</dimen><dimen
 name="height_61_80">366px</dimen><dimen
 name="height_62_80">372px</dimen><dimen
 name="height_63_80">378px</dimen><dimen
 name="height_64_80">384px</dimen><dimen
 name="height_65_80">390px</dimen><dimen
 name="height_66_80">396px</dimen><dimen
 name="height_67_80">402px</dimen><dimen
 name="height_68_80">408px</dimen><dimen
 name="height_69_80">414px</dimen><dimen
 name="height_70_80">420px</dimen><dimen
 name="height_71_80">426px</dimen><dimen
 name="height_72_80">432px</dimen><dimen
 name="height_73_80">438px</dimen><dimen
 name="height_74_80">444px</dimen><dimen
 name="height_75_80">450px</dimen><dimen
 name="height_76_80">456px</dimen><dimen
 name="height_77_80">462px</dimen><dimen
 name="height_78_80">468px</dimen><dimen
 name="height_79_80">474px</dimen><dimen
 name="height_80_80">480px</dimen>
  </resources>

 

    這個是values-480x320檔案夾下dimens_height.xml檔案中的代碼,我把整個高度分成了80等分,這是因為大部分螢幕的寬度或高度都是80的整數倍(個別特殊的除外),不同的等分在不同的解析度中設定不同的尺寸值。
    由於每一套介面都要寫一套,所以有些同學可能覺著不太好,不過這個寫起來比較簡單,而且以後也不用改,所以有時候也可以考慮用一下!
    再看我Demo的布局代碼(dimen_layout.xml)


?程式碼片段,雙擊複製 010203040506070809101112131415161718192021222324252627282930313233343536373839404142434445464748 <?xml
 version="1.0"

encoding="utf-8"?><LinearLayout
 xmlns:android="http://schemas.android.com/apk/res/android"  
     android:layout_width="fill_parent" 
       android:layout_height="fill_parent"  
     android:orientation="vertical">  
              <View  
                      android:layout_width="@dimen/width_76_80"  
                      android:layout_height="@dimen/height_10_80"  
                      android:background="#ffcccc"  
                      android:layout_margin="@dimen/width_2_80"/>
         
     <LinearLayout 
               android:layout_width="fill_parent" 
               android:layout_height="fill_parent">  
              <View  
                      android:layout_width="@dimen/width_30_80"  
                      android:layout_height="@dimen/height_50_80"  
                      android:background="#ccccff"  
                      android:layout_margin="@dimen/height_5_80"/>  
              <LinearLayout  
                      android:layout_width="fill_parent"  
                      android:layout_height="fill_parent"  
                      android:orientation="vertical">
         
                      <Button  
                              android:layout_width="@dimen/width_30_80"  
                              android:layout_height="@dimen/height_5_80"  
                              android:background="#ccffcc"  
                              android:layout_marginBottom="@dimen/height_1_80"  
                              android:text="5"/>  
                      <Button  
                              android:layout_width="@dimen/width_30_80"  
                              android:layout_height="@dimen/height_10_80"  
                              android:background="#ccffcc"  
                              android:layout_marginBottom="@dimen/height_1_80"  
                              android:text="10"/>  
                      <Button  
                              android:layout_width="@dimen/width_30_80"  
                              android:layout_height="@dimen/height_15_80"  
                              android:background="#ccffcc"  
                              android:layout_marginBottom="@dimen/height_1_80"  
                              android:text="15"/>  
                      <Button  
                              android:layout_width="@dimen/width_30_80"  
                              android:layout_height="@dimen/height_20_80"  
                              android:background="#ccffcc"  
                              android:text="20"/> 
               </LinearLayout>
        
       </LinearLayout>
               </LinearLayout>


    以上是我寫的統一的布局代碼,來看下在兩個不同解析度的模擬器上的顯示效果吧(大家注意My Code中有margin這樣的值也用到了自訂尺寸,如果這個margin使用layout_weight來控制的話,無疑要多嵌套一層線性布局,所以說沒有一個方法是十全十美的,這第2個方法有時候用起來反而還要方便一些)
 

 

相關文章

聯繫我們

該頁面正文內容均來源於網絡整理,並不代表阿里雲官方的觀點,該頁面所提到的產品和服務也與阿里云無關,如果該頁面內容對您造成了困擾,歡迎寫郵件給我們,收到郵件我們將在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.