巧用dimens适配多个分辨率

让应用自动适配多个分辨率的屏幕,是每个 Android程序员的基本功,就好像前端工程师熟练编写CSS Hack一样。适配工作中一个重要的工作就是对页面的调整。

    对于页面的适配,有很多的方法和技巧。比如布局中尽量使用wrapcontent ,fillparent,尽量避免具体的数字,由系统来计算合适的宽高;或者为每个分辨率写一套布局文件,设置对应分辨率下控件的宽高;

   为每一个分辨率写一套布局文件虽然够独立,够简单。但是维护起来成本较高。一个页面的改动,往往涉及多个布局文件的改动,让人很痛苦。

小技巧

   我们可以尝试只写一套xml布局,然后为该布局准备多套dimension文件。

   说的详细一点就是,xml布局中组件的宽高,不要使用具体的数值来表示,而是配置到dimension文件中。每套dimension文件中数值的大小都是成比例计算出来。

  比如在1980*1080分辨率下,定义 px15表示15px 

"px15" >15px

那么在 1080 * 720分辨率下,px15要成比例缩小1.5倍, 定义px15 表示 10px

"px15" >10px

所以在xml布局文件中,我们可以这样来表示:

 
    

 

android:layout_width="@dimen/px150"

 

android:layout_height="@dimen/px15"

 

android:orientation="vertical" >

 

    ……

 

    ……

 

 
    

  这套布局文件中的LinearLayout 在1980 * 1080 分辨率下的宽高为 150 x 15  , 在 1080 * 720分辨率下的宽高就会自动变成 100 * 10

  其他分辨率同理

疑问

  1.有的同学会疑问,这样不就变成需要维护多套dimenson文件了?换汤不换药呀?

  其实不然,对于dimension文件我们可以使用代码来控制生成,数值范围可以根据自己的情况来。其他分辨率下只需要按照相应比例,使用代码算一下即可。

  编写一个这样的生成代码并不难,下篇文章我们再给出。

  生成完毕后,Values 目录结构如下:

  2. 按比例计算布局一定可靠吗,会不会出现混乱的现象

  有可能会,这个时候就需要协调布局使用的宽高,选择合适的宽高让页面在各个分辨率下,看起来不算离谱就行,不一定严格按照设计来。大部分页面是兼容的。

 

以上介绍了使用dimension文件做适配。说道了使用代码自动生成所有的dimension文件,接下来我们给出相关代码。

  DimensTools:

package com.example.test;

import java.io.*;

import java.util.*;

/**

* dimens数据自动生成工具

* 

*/

public class DimensTools {

     /** 源文件 */

     static String oldFilePath = "./res/values-nodpi/dimens.xml";

     /** 新生成文件路径 */

     static String filePath720 = "./res/values-1280x720/dimens.xml";

     /** 新生成文件路径 */

     static String filePath672 = "./res/values-1280x672/dimens.xml";

     /** 新生成文件路径 */

     static String filePath1080 = "./res/values-1920x1080/dimens.xml";

     /** 缩小倍数 */

     static float changes = 1.5f;

     public static void main(String[] args) {

          //生成1-1920px

          String allPx= getAllPx();

          DeleteFolder(oldFilePath);

          writeFile(oldFilePath, allPx);

          String st = convertStreamToString(oldFilePath, changes);

          DeleteFolder(filePath720);

          writeFile(filePath720, st);

          DeleteFolder(filePath672);

          writeFile(filePath672, st);

          String st1 = convertStreamToString(oldFilePath, 1f);

          DeleteFolder(filePath1080);

          writeFile(filePath1080, st1);

     }

     /** 读取文件 生成缩放后字符串 */

     public static String convertStreamToString(String filepath, float f) {

          StringBuilder sb = new StringBuilder();

          try {

               BufferedReader bf = new BufferedReader(new FileReader(filepath));

               String line = null;

               System.out.println("q1");

               String endmark = "px";

               String startmark = ">";

               while ((line = bf.readLine()) != null) {

                    if (line.contains(endmark)) {

                         int end = line.lastIndexOf(endmark);

                         int start = line.indexOf(startmark);

                         String stpx = line.substring(start + 1, end);

                         int px = Integer.parseInt(stpx);

                         int newpx = (int) ((float) px / f);

                         String newline = line.replace(px + "px", newpx + "px");

                         sb.append(newline + "\r\n");

                    } else {

                         sb.append(line + "\r\n");

                    }

               }

               System.out.println(sb.toString());

          } catch (IOException e) {

               e.printStackTrace();

          }

          return sb.toString();

     }

     /**

     * 根据路径删除指定的目录或文件,无论存在与否

     *

     * @param sPath

     *            要删除的目录或文件

     * @return 删除成功返回 true,否则返回 false。

     */

     public static boolean DeleteFolder(String sPath) {

          File file = new File(sPath);

          // // 判断目录或文件是否存在

          if (!file.exists()) { // 不存在返回 false

               return true;

          } else {

               // 判断是否为文件

               if (file.isFile()) { // 为文件时调用删除文件方法

                    return deleteFile(sPath);

               } else { // 为目录时调用删除目录方法

               // return deleteDirectory(sPath);

               }

          }

          return false;

     }

     /** 存为新文件 */

     public static void writeFile(String filepath, String st) {

          try {

               FileWriter fw = new FileWriter(filepath);

               BufferedWriter bw = new BufferedWriter(fw);

               bw.write(st);

               bw.flush();

               bw.close();

          } catch (IOException e) {

               e.printStackTrace();

          }

     }

     /** 生成全px文件 */

     public static String getAllPx() {

          StringBuilder sb = new StringBuilder();

          try {

               sb.append("" + "\r\n");

               sb.append("1920px" + "\r\n");

               sb.append("1080px" + "\r\n");

               for (int i = 1; i <= 1920; i++) {

                    System.out.println("i="+i);

                    sb.append(" + i + "\">" + i + "px"

                              + "\r\n");

               }

               sb.append("" + "\r\n");

               System.out.println(sb.toString());

          } catch (Exception e) {

               e.printStackTrace();

          }

          return sb.toString();

     }

     /**

     * 删除单个文件

     *

     * @param sPath

     *            被删除文件的文件名

     * @return 单个文件删除成功返回true,否则返回false

     */

     public static boolean deleteFile(String sPath) {

          boolean flag = false;

          File file = new File(sPath);

          // 路径为文件且不为空则进行删除

          if (file.isFile() && file.exists()) {

               file.delete();

               flag = true;

          }

          return flag;

     }

}

  使用方法:cmd下使用javac ,Java命令运行。这样有点费劲哈,改天用ant写个自动脚本放上来。

  注:先建立好相应的文件夹,672也按照1.5的比例缩放的。可以根据自己的需要调整。

 

 

 

以前一直是个Get用户,一直都是伸手党,最近刚好项目中要用到机型适配,试了很多方法(配置不同layout文件夹,不同的layout文件等)。但都感觉后期维护工作量巨大,后来从图片资源适配获得灵感,使用value不同的dimens文件,达到适配的效果:
1 、创建不同的位图(Android官方介绍)
  • xxxhdpi: 5.0                    500*500 
  • xxhdpi: 3.0                      300*300
  • xhdpi:2.0                      200*200
  • hdpi:1.5                        150*150
  • mdpi:1.0(baseline)    100*100
  • ldpi:0.75                       75*75 
文件夹名称 比例 图片大小(示例) 屏幕宽度 DPI值 分辨率举例
drawable-xxxhdpi 5.0 500*500 1440左右 640dpi 2560*1440(Nexus6)
drawable-xxhdpi 3.0 300*300 1080左右 480dpi 1080*1920
drawable-xhdpi 2.0 200*200 720左右 320dpi 720*1280
drawable-hdpi 1.5 150*150 480左右 240dpi 480*800,480*854,540*960
drawable-mdpi 1.0(BaseLine) 100*100 360左右 160dpi 320*480
drawable-ldpi 0.75 75*75 240左右    


2、借鉴drawable文件夹,依次创建values,values-mdpi, values-hdpi,values-xhdpi, values-xxhdpi, values-xxxhdpi。 (鉴于现在ldpi的机型很少,就直接使用默认的values来做适配)。

测试的过程中,使用mdpi做为 基线 ,我针对像素单位dp使用10dp, 字体大小单位sp使用10sp。其它文件的单位,分别使用上面的比例关系,设置字体,边距大小。

文件夹名称 字体大小sp 距离大小dp 手机输出值(字体大小) 手机显示值(距离大小)
values-xxxhdpi 50 50 175.0 175.0
values-xxhdpi 30 30 90.0 90.0
values-xhdpi 20 20 40.0 40.0
values-hdpi 15 15 22.5 22.5
values-hdpi(854*480)

25.87 22.5
values-mdpi 10 10 10.0 10.0
values-ldpi 7.5 7.5 5.625 5.625

 

你可能感兴趣的:(巧用dimens适配多个分辨率)