APP性能之终端兼容优化分享

一、细说 layout_weight

    目前最为推荐的Android多屏幕自适应解决方案。

    该属性的作用是决定控件在其父布局中的显示权重，一般用于线性布局中。其值越小，则对应的layout_width或layout_height的优先级就越高，一般横向布局中，决定的是 layout_width 的优先级；纵向布局中，决定的是 layout_height 的优先级。

    传统的layout_weight使用方法是将当前控件的layout_width和layout_height都设置成fill_parent,这样就可以把控件的显示比例完全交给layout_weight；这样使用的话，就出现了layout_weight越小，显示比例越大的情况。不过对于2个控件还好，如果控件过多，且显示比例也不相同的时候，控制起来就比较麻烦了，毕竟反比不是那么好确定的。

    于是就有了现在最为流行的 0px设值法。看似让人难以理解的layout_height=0px的写法，结合layout_weight，却可以使控件成正比例显示，轻松解决了当前Android开发最为头疼的碎片化问题之一。

    先看下面的styles（style_layout.xml）

<?xml version= "1.0" encoding= "utf-8" ?><br>
<resources>  <br>
<br>
<!-- 全屏幕拉伸--><br>
  <style name= "layout_full" >  <br>
   <item name= "android:layout_width" >fill_parent</item>  <br>
   <item name= "android:layout_height" >fill_parent</item>  <br>
  </style><br>
  <br>
<!-- 固定自身大小--><br>
  <style name= "layout_wrap" >  <br>
   <item name= "android:layout_width" >wrap_content</item>  <br>
   <item name= "android:layout_height" >wrap_content</item>  <br>
  </style><br>
<br>
<!-- 横向分布--><br>
  <style name= "layout_horizontal" parent= "layout_full" >  <br>
   <item name= "android:layout_width" >0px</item>  <br>
  </style> <br>
   <br>
<!-- 纵向分布--><br>
  <style name= "layout_vertical" parent= "layout_full" >  <br>
   <item name= "android:layout_height" >0px</item>  <br>
  </style> <br>
        <br>
</resources>

    可以看到，layout_width和layout_height两个属性被我封装成了4个style

    根据实际布局情况，选用当中的一种，不需要自己设置，看过我前一个ActivityGroup的Demo的同学应该非常熟悉了

    然后我的Demo的布局如下（weight_layout.xml）

<? xml version = "1.0" encoding = "utf-8" ?>< br >
< LinearLayout xmlns:android = "http://schemas.android.com/apk/res/android" <br>
        style="@style/layout_full"< br >
        android:orientation="vertical">< br >
        < LinearLayout <br>
               style="@style/layout_vertical"< br >
               android:layout_weight="1"< br >
               android:orientation="horizontal">< br >
                 < View <br>
                        style="@style/layout_horizontal"< br >
                        android:background="#aa0000"< br >
                        android:layout_weight="1"/>< br >
                 < View <br>
                        style="@style/layout_horizontal"< br >
                        android:background="#00aa00"< br >
                        android:layout_weight="4"/>< br >
                 < View <br>
                        style="@style/layout_horizontal"< br >
                        android:background="#0000aa"< br >
                        android:layout_weight="3"/>< br >
                 < View <br>
                        style="@style/layout_horizontal"< br >
                        android:background="#aaaaaa"< br >
                        android:layout_weight="2"/>                 < br >
        </ LinearLayout > < br >
        < LinearLayout <br>
               style="@style/layout_vertical"< br >
               android:layout_weight="2"< br >
               android:orientation="vertical">< br >
               < View <br>
                        style="@style/layout_vertical"< br >
                        android:background="#ffffff"< br >
                        android:layout_weight="4"/>        < br >
                 < View <br>
                        style="@style/layout_vertical"< br >
                        android:background="#aa0000"< br >
                        android:layout_weight="3"/>< br >
                 < View <br>
                        style="@style/layout_vertical"< br >
                        android:background="#00aa00"< br >
                        android:layout_weight="2"/>< br >
                 < View <br>
                        style="@style/layout_vertical"< br >
                        android:background="#0000aa"< br >
                        android:layout_weight="1"/>< br >
< br >
        </ LinearLayout >< br >
</ LinearLayout >< br >

    整个界面布局看起来非常直观，只是嵌套的逻辑要自己理下。显示效果如下图，其中左面一个是480x800的界面，右面的是320x480的界面（后面的图也如此），可以看出显示比例和代码中完全一致，我就不多说了，大家对照下就能看出来了。

 

二、自定义尺寸法

    这个是我自己想出来的方法，可能是个比较笨的方法，所以没有多少人提过用这种方法解决自适应的问题。虽然这个方法缺点也很多，但有时候也是个不错的方法。

    先看下面这张图

 

    可以看到我定义了两套尺寸文件，我们可以看下其中一个文件

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

    这个是 values-480x320 文件夹下 dimens_height.xml 文件中的代码，我把整个高度分成了 80等分，这是因为大部分屏幕的宽度或高度都是80的整数倍（个别特殊的除外），不同的等分在不同的分辨率中设定不同的尺寸值。

    由于每一套界面都要写一套，所以有些同学可能觉着不太好，不过这个写起来比较简单，而且以后也不用改，所以有时候也可以考虑用一下！

    再看我Demo的布局代码（dimen_layout.xml）

<?xml version= "1.0" encoding= "utf-8" ?><br>
<LinearLayout xmlns:android= "http://schemas.android.com/apk/res/android" <br>
        android:layout_width= "fill_parent" <br>
         android:layout_height= "fill_parent" <br>
        android:orientation= "vertical" ><br>
                 <View<br>
                        android:layout_width= "@dimen/width_76_80" <br>
                        android:layout_height= "@dimen/height_10_80" <br>
                        android:background= "#ffcccc" <br>
                        android:layout_margin= "@dimen/width_2_80" />        <br>
        <LinearLayout<br>
                 android:layout_width= "fill_parent" <br>
                 android:layout_height= "fill_parent" ><br>
                 <View<br>
                        android:layout_width= "@dimen/width_30_80" <br>
                        android:layout_height= "@dimen/height_50_80" <br>
                        android:background= "#ccccff" <br>
                        android:layout_margin= "@dimen/height_5_80" /><br>
                 <LinearLayout<br>
                        android:layout_width= "fill_parent" <br>
                        android:layout_height= "fill_parent" <br>
                        android:orientation= "vertical" >        <br>
                        <Button<br>
                                 android:layout_width=