简单谈谈我的Android屏幕适配之路

如果你还在受老板的“这个左移一个像素,再右移两个像素看看,不对不对移回来。这个大了。你没看见吗?这个变形了!”这样的气,那么学完这篇文章,你就可以回他“我已经适配了,你没看粗来吗?”

我们先来了解两个概念:屏幕尺寸和屏幕的分辨率:

屏幕尺寸: 就是屏幕的对角线的长度,度量单位是英寸,1英寸等于2.54厘米.

例如小米5的屏幕尺寸就为5.15英寸.nexus 5的屏幕为4.95英寸.

屏幕分辨率: 实际上就是屏幕横纵坐标上面的像素点.如比较常见的1280×720,1920×1080,480*800等等.

内功心法篇:

概念:

1.像素 单位pixel / px

屏幕最小显示单位。放大后就像每信号的电视机。

2.分辨率:
表示屏幕像素点个数,用 "宽x高"表示
常见分辨率:320x480 480x800 720x1080 1080x1920
2k屏: 2560x1440 比如三星s6以后的系列机,亲测看vr视频杠杠的
4k屏: 4096x2160这个电视机的,当我没说
奇葩屏: 例如mx4/mx4Pro ,这是一种奇葩的宽屏,你家公司有这台手机就酸爽了

ios: 5c 5s -> 1136x640 6 6s -> 1334x750 6+ 6s+ -> 1920x1080

但不管iphone的还是各种Android手机,屏幕的比例都是16:9(不信你算算),所以视频的比例几乎都是16:9。

获取屏幕像素方法:

getResources().getDisplayMetrics().widthPixels;
getResources().getDisplayMetrics().heightPixels;

3.尺寸

单位 inch 英寸 1inch = 2.54cm ,指屏幕对角线长度
手机常见尺寸 4.7 5.0 5.2 5.5 5.7 6.0
加大号尺寸 7.0, 时不时在地铁里看到有人捧个板砖在那:“喂!喂!”

4.像素密度

单位 dpi (dots per inch),翻译过来就知道 每英寸像素点的个数(当然是越多越清晰啦)


计算示意图

由勾股定理知:

斜边尺寸² = 宽²+高²
像素密度 = √宽²+高²/尺寸

5.密度无关像素:
单位 dp/dip density-independent pixel
Android特有单位,保证不同屏幕像素密度设备显示相同的效果。

密度类型 代表的分辨率(px) 屏幕密度(dpi) 换算(px/dp) 比例

低密度(ldpi) 240x320 120 1dp=0.75px 3
中密度(mdpi) 320x480 160 1dp=1px 4
高密度(hdpi) 480x800 240 1dp=1.5px 6
超高密度(xhdpi) 720x1280 320 1dp=2px 8
超超高密度(xxhdpi) 1080x1920 480 1dp=3px 12
举个栗子:


同尺寸不同分辨率屏幕

假设布局中有个控件宽度为100dp,看看它的宽度是实际显示是怎样的

第一张分辨率上
100dp x 2 = 200px, 屏幕宽度的比例 200 : 720 = 1 : 3.6
第二张分辨率上
100dp x 3 = 300px, 屏幕宽度的比例 300 : 1080 = 1 : 3.6
在屏幕中占比都一样,所以界面效果是一样的。

6.独立比例像素:

单位 sp/sip scale-independent-pixel
用于表示字体大小,不推荐奇数容易丢失精度。

虽然用dp为单位,解决了不同分辨率显示相同尺寸,单个控件长宽一样。但是不同手机尺寸是不一样的,所以整体的缩放比例是不一样的。会出现大屏显示完全,小屏只显示一大半。

问题造成原因:

1.订制系统多种多样:小米MIUI,魅族flyme,oppo colorOs,华为EMUI,vivo FunTouchOs等等
2.各种尺寸
3.类似于华为等手机带有虚拟菜单的,而且可以调节消失与显示,曾折磨过我一天。

于是,为了解决以上问题,我们可以用以下方法,我要说了哦,就是,就是,就是:

招式篇:

------------------------------------一条很明显的分割线------------------------------------

1.制作.9图 请看我的另一篇文章

2.用自适应和指定比例控件 请看我的另一篇文章

3.在自定义view中很多长度都是用px作为默认单位的,这样会导致不同分辨率显示不一样,所以将要固定用dp固定长度,转化成对应分辨率的px值,方法如下

public static int dp2px(Context context, float dipValue) {
   final float scale = context.getResources().getDisplayMetrics().density;
   return (int) (dipValue * scale + 0.5f);
}

获取DisplayMetrics屏幕测量类,获取密度(每dp有多少像素),
dpvalue 乘以密度就是 像素值,但是为什么末尾要加上0.5f呢?
因为精度的问题,数学上1.1四舍五入为1,1.5为2
但java里,(int)1.1=1,(int)1.9 = 1,只会舍,不会入
所以都加上0.5f, (int)(1.1+0.5)=1,(int)(1.5+0.5)=2,保证了数学上的一致。

5.在项目中针对你所需要适配的手机屏幕的分辨率自适配对应dp-px换算比

这是是用鸿洋大神的尺寸生成类:

public class CreatedimenUtil {
  private int baseW;
  private int baseH;

  private String dirStr = "./res";

  private final static String WTemplate = "<dimen name=\"x{0}\">{1}px</dimen>\n";
  private final static String HTemplate = "<dimen name=\"y{0}\">{1}px</dimen>\n";

  /**
   * {0}-HEIGHT
   */
  private final static String VALUE_TEMPLATE = "values-{0}x{1}";

  private static final String SUPPORT_DIMESION = "320,480;480,800;480,854;540,960;600,1024;720,1184;720,1196;720,1280;768,1024;800,1280;1080,1812;1080,1920;1440,2560;";

  private String supportStr = SUPPORT_DIMESION;

  public CreatedimenUtil(int baseX, int baseY, String supportStr) {
    this.baseW = baseX;
    this.baseH = baseY;

    if (!this.supportStr.contains(baseX + "," + baseY)) {
      this.supportStr += baseX + "," + baseY + ";";
    }

    this.supportStr += validateInput(supportStr);

    System.out.println(supportStr);

    File dir = new File(dirStr);
    if (!dir.exists()) {
      dir.mkdir();

    }
    System.out.println(dir.getAbsoluteFile());

  }

  /**
   * @param supportStr
   *      w,h_...w,h;
   * @return
   */
  private String validateInput(String supportStr) {
    StringBuffer sb = new StringBuffer();
    String[] vals = supportStr.split("_");
    int w = -1;
    int h = -1;
    String[] wh;
    for (String val : vals) {
      try {
        if (val == null || val.trim().length() == 0)
          continue;

        wh = val.split(",");
        w = Integer.parseInt(wh[0]);
        h = Integer.parseInt(wh[1]);
      } catch (Exception e) {
        System.out.println("skip invalidate params : w,h = " + val);
        continue;
      }
      sb.append(w + "," + h + ";");
    }

    return sb.toString();
  }

  public void generate() {
    String[] vals = supportStr.split(";");
    for (String val : vals) {
      String[] wh = val.split(",");
      generateXmlFile(Integer.parseInt(wh[0]), Integer.parseInt(wh[1]));
    }

  }

  private void generateXmlFile(int w, int h) {

    StringBuffer sbForWidth = new StringBuffer();
    sbForWidth.append("<?xml version=\"1.0\" encoding=\"utf-8\"?>\n");
    sbForWidth.append("<resources>");
    float cellw = w * 1.0f / baseW;

    System.out.println("width : " + w + "," + baseW + "," + cellw);
    for (int i = 1; i < baseW; i++) {
      sbForWidth.append(WTemplate.replace("{0}", i + "").replace("{1}",
          change(cellw * i) + ""));
    }
    sbForWidth.append(WTemplate.replace("{0}", baseW + "").replace("{1}",
        w + ""));
    sbForWidth.append("</resources>");

    StringBuffer sbForHeight = new StringBuffer();
    sbForHeight.append("<?xml version=\"1.0\" encoding=\"utf-8\"?>\n");
    sbForHeight.append("<resources>");
    float cellh = h *1.0f/ baseH;
    System.out.println("height : "+ h + "," + baseH + "," + cellh);
    for (int i = 1; i < baseH; i++) {
      sbForHeight.append(HTemplate.replace("{0}", i + "").replace("{1}",
          change(cellh * i) + ""));
    }
    sbForHeight.append(HTemplate.replace("{0}", baseH + "").replace("{1}",
        h + ""));
    sbForHeight.append("</resources>");

    File fileDir = new File(dirStr + File.separator
        + VALUE_TEMPLATE.replace("{0}", h + "")//
        .replace("{1}", w + ""));
    fileDir.mkdir();

    File layxFile = new File(fileDir.getAbsolutePath(), "lay_x.xml");
    File layyFile = new File(fileDir.getAbsolutePath(), "lay_y.xml");
    try {
      PrintWriter pw = new PrintWriter(new FileOutputStream(layxFile));
      pw.print(sbForWidth.toString());
      pw.close();
      pw = new PrintWriter(new FileOutputStream(layyFile));
      pw.print(sbForHeight.toString());
      pw.close();
    } catch (FileNotFoundException e) {
      e.printStackTrace();
    }
  }

  public static float change(float a) {
    int temp = (int) (a * 100);
    return temp / 100f;
  }

  public static void main(String[] args) {
    int baseW = 320;
    int baseH = 400;
    String addition = "";
    try {
      if (args.length >= 3) {
        baseW = Integer.parseInt(args[0]);
        baseH = Integer.parseInt(args[1]);
        addition = args[2];
      } else if (args.length >= 2) {
        baseW = Integer.parseInt(args[0]);
        baseH = Integer.parseInt(args[1]);
      } else if (args.length >= 1) {
        addition = args[0];
      }
    } catch (NumberFormatException e) {

      System.err
          .println("right input params : java -jar xxx.jar width height w,h_w,h_..._w,h;");
      e.printStackTrace();
      System.exit(-1);
    }

    new CreatedimenUtil(baseW, baseH, addition).generate();
  }
}
private static final String SUPPORT_DIMESION = "320,480;480,800;480,854;
540,960;600,1024;720,1184;720,1196;720,1280;768,
1024;800,1280;1080,1812;1080,1920;1440,2560;";

这里选择性生成需要适配的屏幕分辨率

int baseW = 320;
int baseH = 400;

这是选择生成的基准分辨率,对应生的尺寸表会以1dp = 1px表示。
这个值要依据UI给你设计图宽高来,比如为设计图按照480x800来标注的,那就填写这个baseW=480,baseH=800。

运行这个类的main方法:


image.png
运行结果显示
得到的文件

此时选择一些主流的或者你们公司需要特别适配的分辨率出来。


效果图

设置尺寸的时候直接打50!100!看,是不是直接就出来的,超简单也,有没有。下次再遇到老板的左移一个像素,你要有底气地回答:“这个我已经适配了,你没看粗来吗?”

(0)

相关推荐

  • Android-屏幕适配需要注意的地方总结

    1.尽量使用线性布局(LinearLayout)和相对布局(RelativeLayout),不要使用绝对布局. 2.尽量使用dip和sp,不要使用px. 3.为不同的分辨率提供不同的布局文件和图片. 例如:  4.在AndroidMainfest.xml中设置多分辨率支持. 复制代码 代码如下: <supports-screens android:largeScreens="true" android:normalScreens="true" android:

  • Android 图片显示与屏幕适配的问题

    Android 图片显示与屏幕适配的问题 在Android开发中比较头疼的是Android的分辨率问题,那么这里给大家介绍个万能办法,这个办法的优点是可以实现万能适应,给开发和美工设计提供了依据,但是对开发来说代码量也不少,具体办法: (1)获取屏幕的尺寸 WindowManager windowManager = (WindowManager) getSystemService(Context.WINDOW_SERVICE); Display d = windowManager.getDefa

  • Android 手机屏幕适配解决办法

    0. 前言 Android的屏幕适配,即使得某一元素在Android不同尺寸.不同分辨率的手机上具备相同的显示效果,这个问题一直以来都是我们Android开发者不得不面对的问题.本文参考了很多前人的博客,并对这一问题做一个总结,力求精简明了. 转载请注明出处:http://blog.csdn.net/seu_calvin/article/details/52690498 1. 基础概念 (1)屏幕尺寸,即手机对角线的物理尺寸 1英寸 = 2.54cm  常见手机尺寸有5英寸.5.5英寸.6英寸等

  • Android的分辨率和屏幕适配详解

    一.为什么Android要进行分辨率与屏幕适配 最大的原因是碎片化,因为Android的开源措施和各个厂商的自己细微修改,结果就变成了这个样 需要适配的屏幕尺寸就有这么多: 这怎么可能嘛T_T. 所以我们就只照顾大部分人,根据友盟的统计数据如下: 所以只需要适配: 800x480.854x480.960x540.1184x720.1280x720.1920x1080这六种分辨率. 二.基本知识 屏幕尺寸 英寸,1英寸=2.54厘米.比如常见的屏幕尺寸有2.4.2.8.3.5.3.7.4.2.5.

  • 简单谈谈我的Android屏幕适配之路

    如果你还在受老板的"这个左移一个像素,再右移两个像素看看,不对不对移回来.这个大了.你没看见吗?这个变形了!"这样的气,那么学完这篇文章,你就可以回他"我已经适配了,你没看粗来吗?" 我们先来了解两个概念:屏幕尺寸和屏幕的分辨率: 屏幕尺寸: 就是屏幕的对角线的长度,度量单位是英寸,1英寸等于2.54厘米. 例如小米5的屏幕尺寸就为5.15英寸.nexus 5的屏幕为4.95英寸. 屏幕分辨率: 实际上就是屏幕横纵坐标上面的像素点.如比较常见的1280×720,19

  • Android屏幕适配工具类 Android自动生成不同分辨率的值

    本文实例为大家分享了Android屏幕适配工具类的具体代码,供大家参考,具体内容如下 DimenTool github地址 Android 屏幕适配方案,自动生成不同分辨率的值 android中官方建议的屏幕适配方式,通过根据不同的分辨率在工程的res文件夹下建立不同的尺寸文件夹,每个文件夹下都建立dimens.xml文件.然后根据不同的尺寸在dimens.xml文件夹中分别计算配置不同的dp或者sp单位.开发中发现,android屏幕适配需要用到很多的尺寸,每个尺寸都建立dimens.xml问

  • Android 简单好用的屏幕适配方案

    android中的dp在渲染前会将dp转为px,计算公式: px = density * dp; density = dpi / 160; px = dp * (dpi / 160); 一般我们设计图都是以固定的尺寸来设计的.比如以分辨率1920px * 1080px来设计,以density为3来标注,也就是屏幕其实是640dp * 360dp.如果我们想在所有设备上显示完全一致,其实是不现实的,因为屏幕高宽比不是固定的,16:9.4:3甚至其他宽高比层出不穷,宽高比不同,显示完全一致就不可能了

  • 详解React Native 屏幕适配(炒鸡简单的方法)

    前言 React Native 可以开发 ios 和 android 的 app,在开发过程中,势必会遇上屏幕适配(ios 好几种尺寸的屏幕以及 android 各种尺寸的屏幕)的问题,下面介绍一种几行代码搞定 RN 适配的方法! 屏幕适配的前置知识 RN 中的尺寸单位为 dp,而设计稿中的单位为 px 原理 虽然单位不同,但是元素所占屏幕宽度的比例是相同的 利用元素所占屏幕比例不变的特性,来将 px 转为 dp(这样实现屏幕适配的话,在不同尺寸的屏幕下,元素会等比放大或缩小) 公式如下: 设计

  • Android 屏幕双击事件的捕获简单示例

    在Android游戏开发中,我们可能经常要像PC操作一样在屏幕上双击.对于屏幕双击操作,Android 1.6版本以前并没有提供完善的手势识别类,Android 1.5的SDK中提供了android.view.GestureDetector.OnDoubleTapListener,但经测试无法正常工作,不知是何原因.最终我们的解决方案如下面的代码: Java代码 public class TouchLayout extends RelativeLayout { public Handler do

  • Android 10 适配攻略小结

    相比较去年写的Android 9适配,这次Android 10的内容有点多.没想到写了我整整两天,吐血中... 准备工作 老规矩,首先将我们项目中的 targetSdkVersion 改为 29. 1.Scoped Storage(分区存储) 说明 在Android 10之前的版本上,我们在做文件的操作时都会申请存储空间的读写权限.但是这些权限完全被滥用,造成的问题就是手机的存储空间中充斥着大量不明作用的文件,并且应用卸载后它也没有删除掉.为了解决这个问题,Android 10 中引入了 Sco

  • ionic2屏幕适配实现适配手机、平板等设备的示例代码

    本文介绍了ionic2屏幕适配实现适配手机.平板等设备的示例代码,分享给大家,具体如下: 推荐使用的编辑器是:VS code  (Visual Studio Code)=>只负责编辑文档,不编译. 而WebStorm 有检查编译等,在ionic1开发的时候,还很方便用浏览器随时点击按键浏览效果,但是开发ionic2之后,ionic2有自动检查编译,会照成webstorm卡顿,无法编辑. 一.首先增加一个一面作为测试 我使用的工程是sidemenu 在项目目录下执行如下命令: ionic g pa

随机推荐