Android屏幕适配--六大适配方法(你必须知道)

约定不等于承诺〃 2022-08-23 04:59 416阅读 0赞

# Android屏幕适配--六大适配方法(你必须知道)    #

**屏幕适配**

u   **首先阐释一些术语和概念**

Ø  屏幕尺寸（screen size）:实际的物理尺寸，屏幕的对角线测量。为了方便，Android把所有的屏幕尺寸分为了4个广义的大小：小、正常、大、更大。

Ø  屏幕密度（screen density）:屏幕占据的物理区域所含像素的个数，通常被称为dpi（dots per inch）即每英寸的像素点数。

Ø  分辨率（resolution）:屏幕上物理像素的点数。例如，有一个240px\*400px的屏幕，可以理解为在这个屏幕上横着有400条线，每条线上有240个像素点。

Ø  像素（px）:屏幕上的点。

Ø  dip(dp)：Density-independent pixel--->与密度无关的像素（下面将详细讲解）

![Image 1][]

## 1.图片适配 ##

开发过程中切图越多越好吗？ 图标的大小怎么切 72x72 ,48x48,96x96,144x144,192x192 一般切多少套图片？ 如果能用一套图片解决问题，就一套就够了 能不用图片就不用图片，shap资源 drawable-ldpi drawable-mdpi drawable-hdpi drawable-xhdpi drawable-xxhdpi

**当同名的一张图片mm.jpg ,但内容不同图片，分别放置不同的目录，手机会更加当前屏幕密度，加载不同的图片。**

<table> 
 <tbody> 
  <tr> 
   <td> 
    <div> 
     <br> 
    </div> 
    <div> 
     <div> 
      <span style="color:rgb(51,51,51)">Android开发者在做图片适配时需要注意一下两点</span> 
     </div> 
     <div> 
      <span style="color:rgb(51,51,51)"><br> </span> 
     </div> 
    </div> 
    <div> 
     <span style="color:rgb(51,51,51)">1、盛放图片的控件要用dip单位来定义其长宽。</span> 
    </div> 
    <div style="color:rgb(51,51,51)">
      2、&nbsp; 最好在ldpi、mdpi、hdpi、xhdpi、xxhdpi文件夹下提供大小比例为3:4:6:8:12的图片。当然如果有质量好的.9.png图片的话，提供一个也可以。 
    </div> </td> 
  </tr> 
 </tbody> 
</table>

**2.布局适配**

<table> 
 <tbody> 
  <tr> 
   <td> 
    <div>
      针对1280x720这样的屏幕做特定的ui效果 
    </div> 
    <div> 
     <br> 
    </div> 
    <div>
      布局文件的适配，使用得比较少。 
    </div> </td> 
  </tr> 
 </tbody> 
</table>

**![Image 1][]**

**3.代码适配**

<table> 
 <tbody> 
  <tr> 
   <td> 
    <div> 
     <span style="font-family:Consolas; font-size:12px; color:#3F7F5F">//</span> 
     <span style="font-family:Consolas; font-size:12px; color:#FF0000">要求：v,v,v,v·直鹕柚每矶任聊坏目淼?/,/,/,全部填充；高默认</span> 
    </div> 
    <div> 
     <span style="font-family:Consolas; font-size:12px">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</span> 
     <span style="font-family:Consolas; font-size:12px; color:#FF0000"><strong>int</strong> screenWidth = getWindowManager().getDefaultDisplay().<u>getWidth()</u></span> 
     <span style="font-family:Consolas; font-size:12px">;</span> 
    </div> 
    <div> 
     <span style="font-family:Consolas; font-size:12px">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</span> 
     <span style="font-family:Consolas; font-size:12px; color:#7F0055"><strong>int</strong></span> 
     <span style="font-family:Consolas; font-size:12px">screenHeight = getWindowManager().getDefaultDisplay(). <u>getHeight()</u>;</span> 
    </div> 
    <div> 
     <span style="font-family:Consolas; font-size:12px">&nbsp;&nbsp;</span> 
     <span style="font-family:Consolas; font-size:12px">&nbsp; LayoutParams params =</span> 
     <span style="font-family:Consolas; font-size:12px; color:#7F0055"><strong>new</strong></span> 
     <span style="font-family:Consolas; font-size:12px">LayoutParams((</span> 
     <span style="font-family:Consolas; font-size:12px; color:#7F0055"> <strong>int</strong></span> 
     <span style="font-family:Consolas; font-size:12px">) (</span> 
     <span style="font-family:Consolas; font-size:12px; color:#FF0000">0.25*</span> 
     <span style="font-family:Consolas; font-size:12px">screenWidth), (</span> 
     <span style="font-family:Consolas; font-size:12px; color:#7F0055"><strong>int</strong></span> 
     <span style="font-family:Consolas; font-size:12px">) (</span> 
     <span style="font-family:Consolas; font-size:12px; color:#FF0000">screenHeight*0.1</span> 
     <span style="font-family:Consolas; font-size:12px">));</span> 
    </div> 
    <div> 
     <span style="font-family:Consolas; font-size:12px">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;tv1.setLayoutParams(params );</span> 
    </div> 
    <div> 
     <span style="font-family:Consolas; font-size:12px">&nbsp;</span> 
     <span style="font-family:Consolas; font-size:12px">&nbsp;&nbsp; params =</span> 
     <span style="font-family:Consolas; font-size:12px; color:#7F0055"><strong>new</strong></span> 
     <span style="font-family:Consolas; font-size:12px">LayoutParams((</span> 
     <span style="font-family:Consolas; font-size:12px; color:#7F0055"><strong>int</strong></span> 
     <span style="font-family:Consolas; font-size:12px">) (</span> 
     <span style="font-family:Consolas; font-size:12px; color:#FF0000">0.5*screenWidth</span> 
     <span style="font-family:Consolas; font-size:12px">), (</span> 
     <span style="font-family:Consolas; font-size:12px; color:#7F0055"><strong>int</strong></span> 
     <span style="font-family:Consolas; font-size:12px">) (screenHeigh</span> 
     <span style="font-family:Consolas; font-size:12px; color:#FF0000">t*0.1</span> 
     <span style="font-family:Consolas; font-size:12px">));</span> 
    </div> 
    <div> 
     <span style="font-family:Consolas; font-size:12px">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;tv2.setLayoutParams(params );</span> 
    </div> 
    <div> 
     <span style="font-family:Consolas; font-size:12px">&nbsp;&nbsp;</span> 
     <span style="font-family:Consolas; font-size:12px">&nbsp;&nbsp; params =</span> 
     <span style="font-family:Consolas; font-size:12px; color:#7F0055"><strong>new</strong></span> 
     <span style="font-family:Consolas; font-size:12px">LayoutParams((</span> 
     <span style="font-family:Consolas; font-size:12px; color:#7F0055"><strong>int</strong></span> 
     <span style="font-family:Consolas; font-size:12px">) (</span> 
     <span style="font-family:Consolas; font-size:12px; color:#FF0000">0.75*screenWidth</span> 
     <span style="font-family:Consolas; font-size:12px">), (</span> 
     <span style="font-family:Consolas; font-size:12px; color:#7F0055"><strong>int</strong></span> 
     <span style="font-family:Consolas; font-size:12px">) (screenHeight*0.1));</span> 
    </div> 
    <div> 
     <span style="font-family:Consolas; font-size:12px">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;tv3.setLayoutParams(params );</span> 
    </div> 
    <div> 
     <span style="font-family:Consolas; font-size:12px">&nbsp; &nbsp;</span> 
     <span style="font-family:Consolas; font-size:12px">&nbsp; params =</span> 
     <span style="font-family:Consolas; font-size:12px; color:#7F0055"><strong>new</strong></span> 
     <span style="font-family:Consolas; font-size:12px">LayoutParams(</span> 
     <span style="font-family:Consolas; font-size:12px; color:#FF0000">screenWidth</span> 
     <span style="font-family:Consolas; font-size:12px">, (</span> 
     <span style="font-family:Consolas; font-size:12px; color:#7F0055"><strong>int</strong></span> 
     <span style="font-family:Consolas; font-size:12px">) (screenHeight</span> 
     <span style="font-family:Consolas; font-size:12px; color:#FF0000">*0.1)</span> 
     <span style="font-family:Consolas; font-size:12px">);</span> 
    </div> 
    <div> 
     <span style="font-family:Consolas; font-size:12px">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;tv4.setLayoutParams(params );</span> 
    </div> </td> 
  </tr> 
 </tbody> 
</table>

![Image 1][]

4.权重适配

这个不用多说

**5.尺寸适配**

<table> 
 <tbody> 
  <tr> 
   <td> 
    <div> 
     <span style="color:rgb(51,51,51)"><strong>dip转成像素 ： <span style="color:rgb(45,79,201)"> dp*密度比 = 像素</span>===&gt; 每个手机的密度比不一样</strong></span> 
    </div> 
    <div> 
     <div> 
      <strong>屏幕密度：<span style="color:rgb(45,79,201)">开根（屏幕宽的平方+屏幕高的平方）/屏幕的尺寸</span></strong> 
     </div> 
    </div> </td> 
  </tr> 
 </tbody> 
</table>

**![Image 1][]**

<table> 
 <tbody> 
  <tr> 
   <td> 
    <div> 
     <span style="font-family:黑体; font-size:18px"><strong>1_尺寸基本单位</strong></span> 
    </div> 
    <div> 
     <span style="font-family:宋体; font-size:12px"><strong>px 像素</strong></span> 
     <span style="font-family:宋体; color:#333333">不同设备显示效果相同</span> 
    </div> 
    <div> 
     <span style="font-family:宋体; font-size:12px"><strong>dip或者dp</strong> &nbsp;</span> 
     <span style="font-family:宋体">device independent pixels(设备独立像素).</span> 
     <span style="font-family:宋体; color:#FF0000"> 不同设备有不同的显示效果</span> 
     <span style="font-family:宋体">,这个和设备硬件有关，</span> 
     <span style="font-family:宋体">一般我们为了支持WVGA、HVGA和QVGA 推荐使用这个，不依赖像素。</span> 
    </div> 
    <div> 
     <div> 
      <span style="font-family:宋体"><strong>dip转成像素</strong> ： dp*密度比 = 像素</span> 
     </div> 
    </div> 
    <div> 
     <span style="font-family:Verdana; font-size:12px; color:#010101">每个手机的密度比不一样</span> 
    </div> 
    <div> 
     <span style="font-family:宋体">屏幕密度：开根（屏幕宽的平方+屏幕高的平方）/屏幕的尺寸</span> 
    </div> 
    <div> 
     <span style="font-family:Verdana; font-size:12px; color:#010101">屏幕密度：开根（屏幕宽的平方+屏幕高的平方）/屏幕的尺寸</span> 
    </div> </td> 
   <td> 
    <div> 
     <div> 
      <span style="font-family:Consolas; font-size:12px; color:#FF0000"><strong>float</strong> density = getResources().getDisplayMetrics().density;</span> 
     </div> 
    </div> 
    <div> 
     <div> 
      <span style="font-family:Consolas; font-size:12px">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;System.</span> 
      <span style="font-family:Consolas; font-size:12px; color:#0000C0"><em>out</em></span> 
      <span style="font-family:Consolas; font-size:12px">.println(</span> 
      <span style="font-family:Consolas; font-size:12px; color:#2A00FF">"当前手机的屏幕密度比是："</span> 
      <span style="font-family:Consolas; font-size:12px">+density);</span> 
     </div> 
    </div> </td> 
  </tr> 
  <tr> 
   <td> 
    <div> 
     <span style="font-family:宋体; font-size:18px">特殊的设备（平板电脑）宽度和高度的比例和手机是不一样的，密度比是没有办法实现所有设备的适配，使用dimension.xml文件独立去声明单位，并且针对特殊的设备创建一个values-分辨率目录 ，来指定设备的宽度。</span> 
    </div> </td> 
   <td><strong><br> </strong></td> 
  </tr> 
 </tbody> 
</table>

**6.百分比适配**

**Android5.0之后引入百分比适配**

<table> 
 <tbody> 
  <tr> 
   <td><span style="color:rgb(85,85,85)">源码分析 :&nbsp;</span><a href="http://blog.csdn.net/lmj623565791/article/details/46695347" rel="nofollow">http://blog.csdn.net/lmj623565791/article/details/46695347</a></td> 
  </tr> 
 </tbody> 
</table>

<table> 
 <tbody> 
  <tr> 
   <td> 
    <div> 
     <span style="color:rgb(51,51,51)">导入:<span style="color:rgb(54,101,238)"><strong>compile&nbsp;'com.android.support:percent:22.2.0'</strong></span></span> 
    </div> 
    <div> 
     <strong><span style="color:rgb(51,51,51)">布局中加:</span> <span style="color:rgb(102,0,102)"> <strong>xmlns:app</strong></span><span style="color:rgb(0,102,102)"><strong>=</strong></span><span style="color:rgb(0,136,0)"><strong>"http://schemas.android.com/apk/res-auto"</strong></span></strong> 
    </div> 
    <div> 
     <strong><span style="color:rgb(0,136,0)">宽高都设为0先</span></strong> 
    </div> 
    <div> 
     <ul style="color:rgb(85,85,85)"> 
      <li> <p>支持的属性有：</p> </li> 
     </ul> 
     <div> 
      <code style="color:rgb(63,63,63)">layout_widthPercent</code> 
      <span style="color:rgb(85,85,85)">、</span> 
      <code style="color:rgb(63,63,63)">layout_heightPercent</code> 
      <span style="color:rgb(85,85,85)">、&nbsp;<br> </span> 
      <code style="color:rgb(63,63,63)">layout_marginPercent</code> 
      <span style="color:rgb(85,85,85)">、</span> 
      <code style="color:rgb(63,63,63)">layout_marginLeftPercent</code> 
      <span style="color:rgb(85,85,85)">、&nbsp;</span> 
      <div> 
       <code style="color:rgb(63,63,63)">layout_marginTopPercent</code> 
       <span style="color:rgb(85,85,85)">、</span> 
       <code style="color:rgb(63,63,63)">layout_marginRightPercent</code> 
       <span style="color:rgb(85,85,85)">、&nbsp;</span> 
      </div> 
      <div> 
       <code style="color:rgb(63,63,63)">layout_marginBottomPercent</code> 
       <span style="color:rgb(85,85,85)">、</span> 
       <code style="color:rgb(63,63,63)">layout_marginStartPercent</code> 
       <span style="color:rgb(85,85,85)">、</span> 
       <code style="color:rgb(63,63,63)">layout_marginEndPercent</code> 
      </div> 
      <div> 
       <span style="color:rgb(85,85,85)"><span style="color:rgb(63,63,63)"><br> </span></span> 
      </div> 
      <div> 
       <span style="color:rgb(85,85,85)">只要在开发过程中使用</span> 
       <span style="color:rgb(45,79,201)"><code><strong>PercentRelativeLayout</strong></code></span> 
       <span style="color:rgb(85,85,85)">、</span> 
       <span style="color:rgb(45,79,201)"><code><strong>PercentFrameLayout</strong></code></span> 
       <span style="color:rgb(85,85,85)">替换</span> 
       <code style="color:rgb(63,63,63)">FrameLayout</code> 
       <span style="color:rgb(85,85,85)">、</span> 
       <code style="color:rgb(63,63,63)">RelativeLayout</code> 
       <span style="color:rgb(85,85,85)">即可。</span> 
      </div> 
     </div> 
    </div> </td> 
   <td>&lt;TextView android:layout_width="0dp" android:layout_height="0dp" android:layout_gravity="right|top" android:gravity="center" android:background="#4400ff00" android:text="width:70%,height:20%" app:layout_heightPercent="20%" app:layout_widthPercent="70%"/&gt;<br> <img alt=""></td> 
  </tr> 
  <tr> 
   <td> 
    <div>
      封装自定义的PercentLinearLayout 
    </div> 
    <div> 
     <a rel="nofollow"></a> 
    </div> 
    <div>
      测试的布局 
    </div> 
    <div> 
     <a rel="nofollow"></a>&nbsp; &nbsp; &nbsp; &nbsp; &nbsp;&nbsp; 
    </div> </td> 
  </tr> 
  <tr> 
   <td> 
    <div>
      详情链接:&nbsp; 
     <a href="http://blog.csdn.net/lmj623565791/article/details/46767825" rel="nofollow">http://blog.csdn.net/lmj623565791/article/details/46767825</a> 
    </div> 
    <div>
      扩展:官方库有局限地方,做了初步扩展,慎用. 
    </div> 
    <div> 
     <span style="color:rgb(85,85,85)">当使用图片时，无法设置宽高的比例,很难使用百分比定义一个正方形的控件,一个控件的margin四个方向值一致</span> 
    </div> 
    <div> 
     <br> 
    </div> 
    <div>
      使用方法: 
    </div> 
    <div> 
     <span style="color:rgb(54,101,238)"><strong>compile&nbsp;'com.zhy:percent-support-extends:1.0.1'</strong></span> 
    </div> 
    <div> 
     <strong><span style="color:rgb(54,101,238)"><br> </span></strong> 
    </div> 
    <div> 
     <strong><span style="color:rgb(54,101,238)">三个类分别为</span></strong> 
    </div> 
    <div> 
     <span style="color:rgb(51,51,51)">com.zhy.android.percent.support.PercentLinearLayout&nbsp;com.zhy.android.percent.support.PercentRelativeLayout&nbsp;com.zhy.android.percent.support.PercentFrameLayout</span> 
    </div> 
    <div> 
     <span style="color:rgb(51,51,51)"><br> </span> 
    </div> 
    <div> 
     <span style="color:rgb(51,51,51)">用法:在原有基础上设置宽高百分比时指明分辨参数</span> 
    </div> 
    <div> 
     <span style="color:rgb(51,51,51)">app:layout_heightPercent="<strong><span style="color:rgb(45,79,201)">50%w</span></strong>"</span> 
    </div> 
    <div> 
     <span style="color:rgb(51,51,51)">app:layout_widthPercent="<strong><span style="color:rgb(54,101,238)">50%w</span></strong>"&gt;</span> 
    </div> </td> 
   <td> 
    <div> 
     <a rel="nofollow"></a> 
    </div> </td> 
  </tr> 
 </tbody> 
</table>

![Image 1][]

--------------------

**更通用的基于重封装px属性的适配:**

--------------------

<table> 
 <tbody> 
  <tr> 
   <td> 
    <div> 
     <br> 
    </div> 
    <div> 
     <div> 
      <span style="color:rgb(85,85,85)">主要是基于Google推出的百分比布局，已经很大程度解决了适配的问题。</span> 
     </div> 
     <p><span style="color:rgb(85,85,85)">但在实际工作中</span><span style="color:rgb(85,85,85)">,</span><span style="color:rgb(85,85,85)">存在一些问题：</span></p> 
     <p><span style="color:rgb(85,85,85)">因为设计图上标识的都是px，所以需要去计算百分比，然后这个百分比还是依赖父容器的，设计图可能并不会将每个父容器的尺寸都标识出来</span></p> 
     <p><span style="color:rgb(85,85,85)">还有个问题就是，因为依赖于父容器，导致ScrollView，ListView等容器内高度无法使用百分比。</span></p> 
     <div> 
      <br> 
     </div> 
     <div> 
      <div>
        &nbsp; 
      </div> 
      <div> 
       <span style="font-family:微软雅黑; font-size:12px; color:#010101">我们需要一种更人性化的适应性更广更牛X的:</span> 
       <span style="font-family:微软雅黑; font-size:12px; color:#555555">拿到设计图，不需要额外计算，布局直接抄设计图上的尺寸，不产生任何多余的资源文件，完成各种分辨率的适配！</span> 
      </div> 
      <div> 
       <span style="color:rgb(85,85,85)"><br> </span> 
      </div> 
      <div> 
       <div> 
        <span style="color:rgb(255,0,0)"><span style="font-family:微软雅黑; font-size:12px">特别说明:</span></span> 
       </div> 
      </div> 
      <div> 
       <span style="font-family:微软雅黑; font-size:12px; color:#555555">： <strong>这个px并不代表1像素，内部会进行百分比化处理</strong> ，也就是说：720px高度的屏幕，你这里填写72px，占据10%；当这个布局文件运行在任何分辨率的手机上，这个72px都代表10%的高度，这就是本库适配的原理。</span> 
      </div> 
      <div> 
       <span style="color:rgb(85,85,85)"><br> </span> 
      </div> 
      <div> 
       <span style="color:rgb(85,85,85)"><br> </span> 
      </div> 
      <div> 
       <p>用方法:</p> 
       <h2><strong>引入</strong><span style="color:rgb(51,51,51)">Android Studio</span></h2> 
       <p><span style="color:rgb(51,51,51)">将</span><span style="color:rgb(65,131,196)">autolayout</span><span style="color:rgb(51,51,51)">引入</span></p> 
       <p><span style="color:rgb(51,51,51); background:rgb(248,248,248)">dependencies { compile 'com.zhy:autolayout:1.4.3' }</span></p> 
       <p><strong>(1)在你的项目的AndroidManifest中注明你的设计稿的尺寸</strong>。</p> 
       <p>&lt;meta-data android:name="design_width" android:value="768"&gt;&lt;/meta-data&gt;</p> 
       <p>&lt;meta-data android:name="design_height" android:value="1280"&gt;&lt;/meta-data&gt;</p> 
       <p>（2）Activity中开启设配</p> 
       <p><strong>让你的Activity去继承AutoLayoutActivity</strong></p> 
       <div> 
        <div> 
         <span style="color:rgb(51,51,51)">或者</span> 
         <span style="color:rgb(51,51,51)">如果你不希望继承</span> 
         <span style="color:rgb(51,51,51); background:rgb(248,248,248)">AutoLayoutActivity</span> 
         <span style="color:rgb(51,51,51)">，可以在编写布局文件时，将</span> 
        </div> 
        <div> 
         <span style="color:rgb(51,51,51)">LinearLayout -&gt; AutoLinearLayout</span> 
        </div> 
        <div> 
         <span style="color:rgb(51,51,51)">RelativeLayout -&gt; AutoRelativeLayout</span> 
        </div> 
        <div> 
         <span style="color:rgb(51,51,51)">FrameLayout -&gt; AutoFrameLayout</span> 
        </div> 
        <div> 
         <span style="color:rgb(51,51,51)">这样也可以完成适配。</span> 
        </div> 
        <div> 
         <span style="color:rgb(51,51,51)">目前支持属性</span> 
        </div> 
        <div> 
         <span style="color:rgb(51,51,51)">layout_width</span> 
        </div> 
        <div> 
         <span style="color:rgb(51,51,51)">layout_height</span> 
        </div> 
        <div> 
         <span style="color:rgb(51,51,51)">layout_margin(left,top,right,bottom)</span> 
        </div> 
        <div> 
         <span style="color:rgb(51,51,51)">pading(left,top,right,bottom)</span> 
        </div> 
        <div> 
         <span style="color:rgb(51,51,51)">textSize</span> 
        </div> 
        <div> 
         <span style="color:rgb(51,51,51)">maxWidth, minWidth, maxHeight, minHeight</span> 
        </div> 
        <div> 
         <span style="color:rgb(51,51,51)"><br> </span> 
        </div> 
        <div> 
         <span style="color:rgb(51,51,51)">然后就可以尽情的布局玩耍了~</span> 
        </div> 
        <div> 
         <span style="color:rgb(255,0,0)"><strong>扩展部分 注意的点:</strong></span> 
        </div> 
        <div> 
         <strong><span style="color:rgb(51,51,51)">1.要看到实时的预览效果，</span></strong> 
        </div> 
        <div> 
         <span style="color:rgb(51,51,51)">首先，你要记得你设计稿的尺寸，比如&nbsp;768 * 1280,然后在你的PreView面板，选择分辨率一致的设备.</span> 
        </div> 
        <div> 
         <strong><span style="color:rgb(51,51,51)">2.由于该库的特点，布局文件中宽高上的1px是不相等的，于是如果需要宽高保持一致的情况，布局中使用属性：</span></strong> 
        </div> 
        <div> 
         <span style="color:rgb(51,51,51)">app:layout_auto_basewidth="height"，代表height上编写的像素值参考宽度app:layout_auto_baseheight="width"，代表width上编写的像素值参考高度。</span> 
        </div> 
        <div> 
         <span style="color:rgb(51,51,51)">如果需要指定多个值参考宽度即：app:layout_auto_basewidth="height|padding"</span> 
        </div> 
        <div> 
         <span style="color:rgb(51,51,51)"><strong>3.用|隔开，类似gravity的用法，取值为：</strong></span> 
        </div> 
        <div> 
         <span style="color:rgb(51,51,51)">width,height</span> 
        </div> 
        <div> 
         <span style="color:rgb(51,51,51)">margin,marginLeft,marginTop,marginRight,marginBottom</span> 
        </div> 
        <div> 
         <span style="color:rgb(51,51,51)">padding,paddingLeft,paddingTop,paddingRight,paddingBottom</span> 
        </div> 
        <div> 
         <span style="color:rgb(51,51,51)">textSize.</span> 
        </div> 
        <div> 
         <span style="color:rgb(51,51,51)"><br> </span> 
        </div> 
        <div> 
         <strong><span style="color:rgb(51,51,51)">4.对于ListView这类控件的item，默认根局部写“px”进行适配是无效的，因为外层非AutoXXXLayout，而是ListView。但是，一行代码就可以支持了：</span></strong> 
        </div> 
        <div> 
         <span style="color:rgb(51,51,51)">@Override</span> 
        </div> 
        <div> 
         <span style="color:rgb(51,51,51)">public View getView(int position, View convertView, ViewGroup parent)</span> 
        </div> 
        <div> 
         <span style="color:rgb(51,51,51)">{&nbsp;&nbsp;&nbsp;&nbsp;ViewHolder holder = null;</span> 
        </div> 
        <div> 
         <span style="color:rgb(51,51,51)">&nbsp;&nbsp;&nbsp;&nbsp;if (convertView == null)</span> 
        </div> 
        <div> 
         <span style="color:rgb(51,51,51)">&nbsp;&nbsp;&nbsp;&nbsp;{ </span> 
        </div> 
        <div> 
         <span style="color:rgb(51,51,51)">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;holder = new ViewHolder();</span> 
        </div> 
        <div> 
         <span style="color:rgb(51,51,51)">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;convertView = LayoutInflater.from(mContext).inflate(R.layout.list_item, parent, false);</span> 
        </div> 
        <div> 
         <span style="color:rgb(51,51,51)">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;convertView.setTag(holder);</span> 
        </div> 
        <div> 
         <span style="color:rgb(51,51,51)">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;//对于listview，注意添加这一行，即可在item上使用高度</span> 
        </div> 
        <div> 
         <span style="color:rgb(51,51,51)">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;AutoUtils.autoSize(convertView);</span> 
        </div> 
        <div> 
         <span style="color:rgb(51,51,51)">} else</span> 
        </div> 
        <div> 
         <span style="color:rgb(51,51,51)">&nbsp;&nbsp;&nbsp;&nbsp;{ </span> 
        </div> 
        <div> 
         <span style="color:rgb(51,51,51)">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;holder = (ViewHolder) convertView.getTag();</span> 
        </div> 
        <div> 
         <span style="color:rgb(51,51,51)">&nbsp;&nbsp;&nbsp;&nbsp;}</span> 
        </div> 
        <div> 
         <span style="color:rgb(51,51,51)">&nbsp;&nbsp;&nbsp;&nbsp;return convertView;</span> 
        </div> 
        <div> 
         <span style="color:rgb(51,51,51)">}</span> 
        </div> 
        <div> 
         <span style="color:rgb(51,51,51)">对于RecyclerView:</span> 
        </div> 
        <div> 
         <span style="color:rgb(51,51,51)">public ViewHolder(View itemView)</span> 
        </div> 
        <div> 
         <span style="color:rgb(51,51,51)">{&nbsp;&nbsp;&nbsp;&nbsp;super(itemView);</span> 
        </div> 
        <div> 
         <span style="color:rgb(51,51,51)">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;AutoUtils.autoSize(itemView);</span> 
        </div> 
        <div> 
         <span style="color:rgb(51,51,51)">}</span> 
        </div> 
        <div> 
         <span style="color:rgb(51,51,51)">@Override</span> 
        </div> 
        <div> 
         <span style="color:rgb(51,51,51)">public ViewHolder onCreateViewHolder(ViewGroup parent, int viewType)</span> 
        </div> 
        <div> 
         <span style="color:rgb(51,51,51)">{ </span> 
        </div> 
        <div> 
         <span style="color:rgb(51,51,51)">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;View convertView = LayoutInflater.from(mContext).inflate(R.layout.recyclerview_item, parent, false);//一定要记得使用三个参数的方法！</span> 
        </div> 
        <div> 
         <span style="color:rgb(51,51,51)">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;return new ViewHolder(convertView);</span> 
        </div> 
        <div> 
         <span style="color:rgb(51,51,51)">}</span> 
        </div> 
        <div> 
         <strong><span style="color:rgb(51,51,51)">5.TextView的高度问题</span></strong> 
        </div> 
        <div> 
         <span style="color:rgb(51,51,51)">设计稿一般只会标识一个字体的大小，比如你设置textSize="20px"，实际上TextView所占据的高度肯定大于20px，字的上下都会有一定的建议，所以一定要灵活去写字体的高度，比如对于text上下的margin可以选择尽可能小一点。或者选择别的约束条件去定位</span> 
        </div> 
        <div> 
         <span style="color:rgb(51,51,51)"><br> </span> 
        </div> 
        <div> 
         <span style="color:rgb(51,51,51)">优点:</span> 
        </div> 
        <div> 
         <span style="color:rgb(51,51,51)">此库不会影响系统所有的其他属性，以及不会影响dp,sp的使用</span> 
        </div> 
        <div> 
         <span style="color:rgb(51,51,51)"><br> </span> 
        </div> 
        <div> 
         <span style="color:rgb(51,51,51)">通过本库的方式去编写代码，可以在很大程序上使用margin，也就是说，对于View的位置非常好控制，从而能够减少非常多的嵌套，甚至任何一个复杂的界面做到无嵌套。</span> 
        </div> 
       </div> 
      </div> 
     </div> 
    </div> </td> 
   <td> 
    <div> 
     <br> 
    </div> 
    <div> 
     <br> 
    </div> 
    <div> 
     <br> 
    </div> 
    <div> 
     <br> 
    </div> 
    <div> 
     <br> 
    </div> 
    <div> 
     <span style="font-family:微软雅黑; font-size:12px; color:#010101">下面是两个屏幕相差很大的手机显示样例: 见sample</span> 
    </div> 
    <div> 
     <span style="font-family:Helvetica; font-size:12px; color:#333333">左为：768 * 1280 ; 右为：1080 * 1920</span> 
    </div> 
    <div> 
     <br> 
    </div> 
    <div> 
     <br> 
    </div> 
    <div> 
     <br> 
    </div> 
    <div> 
     <br> 
    </div> 
    <div> 
     <br> 
    </div> 
    <div> 
     <br> 
    </div> 
    <div> 
     <br> 
    </div> </td> 
  </tr> 
 </tbody> 
</table>

[Image 1]: