|
|
|
|
移动端

Android屏幕适配很麻烦吗?不!太简单了。。。

作为一个Android开发人员,你还在为了适配各种尺寸的屏幕而苦恼吗?你还在为了出现一个新的机型而修改着数不尽的dimens和layout吗?你还在为了UI给的奇葩尺寸的设计图而绞尽奶汁计算距离吗?如果你为了这些事情而苦恼,那么看完这篇文章,希望可以帮你减少开发时间,减缓生命的流逝速度。。。

作者:劳尔来源:掘金|2018-06-28 15:14

开发者盛宴来袭!7月28日51CTO首届开发者大赛决赛带来技术创新分享

前言

作为一个Android开发人员,你还在为了适配各种尺寸的屏幕而苦恼吗?你还在为了出现一个新的机型而修改着数不尽的dimens和layout吗?你还在为了UI给的奇葩尺寸的设计图而绞尽奶汁计算距离吗?如果你为了这些事情而苦恼,那么看完这篇文章,希望可以帮你减少开发时间,减缓生命的流逝速度。。。

不知道大家有没有看过前一段时间今日头条技术团队发表的一篇关于Android屏幕适配的文章:一种极低成本的Android屏幕适配方式。没有看过的朋友可以先看看了解一下再回来,可以更好的理解。我是无意中点开的这篇文章,但是看过之后眼前一亮-------Android屏幕适配要是真的这么简单,那些辛辛苦苦没日没夜做适配的前辈们是不是死得太惨了。。。。。。。

测试与思考

不得不说今日头条的大神们的想法真的非常独到,成本极其低廉,还特别好用。他们给出的最终方案是这样的:

  1. private static float sRoncompatDennsity; 
  2. private static float sRoncompatScaledDensity; 
  3. private void setCustomDensity(@NonNull Activity activity, final @NonNull Application application) { 
  4.  
  5.     //application 
  6.     final DisplayMetrics appDisplayMetrics = application.getResources().getDisplayMetrics(); 
  7.  
  8.     if (sRoncompatDennsity == 0) { 
  9.         sRoncompatDennsity = appDisplayMetrics.density; 
  10.         sRoncompatScaledDensity = appDisplayMetrics.scaledDensity; 
  11.         application.registerComponentCallbacks(new ComponentCallbacks() { 
  12.             @Override 
  13.             public void onConfigurationChanged(Configuration newConfig) { 
  14.                 if (newConfig != null && newConfig.fontScale > 0) { 
  15.                     sRoncompatScaledDensity = application.getResources().getDisplayMetrics().scaledDensity; 
  16.                 } 
  17.             } 
  18.  
  19.             @Override 
  20.             public void onLowMemory() { 
  21.  
  22.             } 
  23.         }); 
  24.     } 
  25.  
  26.     //计算宽为360dp 同理可以设置高为640dp的根据实际情况 
  27.     final float targetDensity = appDisplayMetrics.widthPixels / 360; 
  28.     final float targetScaledDensity = targetDensity * (sRoncompatScaledDensity / sRoncompatDennsity); 
  29.     final int targetDensityDpi = (int) (targetDensity * 160); 
  30.  
  31.     appDisplayMetrics.density = targetDensity; 
  32.     appDisplayMetrics.densityDpi = targetDensityDpi; 
  33.     appDisplayMetrics.scaledDensity = targetScaledDensity; 
  34.  
  35.     //activity 
  36.     final DisplayMetrics activityDisplayMetrics = activity.getResources().getDisplayMetrics(); 
  37.  
  38.     activityDisplayMetrics.density = targetDensity; 
  39.     activityDisplayMetrics.densityDpi = targetDensityDpi; 
  40.     activityDisplayMetrics.scaledDensity = targetScaledDensity; 

看到这篇文章之后我赶紧就写了一个demo测试了一下,发现了一点小问题。我们UI给出的设计图尺寸为1334*720,如果我按照宽度作为适配标准的话,按照设计图720px的宽度,屏幕的宽度应为360dp,也就是这样:

  1. final float targetDensity = appDisplayMetrics.widthPixels / 360; 

这样做的话宽度适配的比例是没有任何问的,但是我在想,如果需要以高度来做适配(也就是内容刚好纵向填充全屏)的话,是不是改成这样就可以了:

  1. final float targetDensity = appDisplayMetrics.heightPixels / 667; 

但是运行之后发现,高度上的差异很大,运行在不同分辨率和尺寸的手机上,页面中的每一部分内容在纵向上的比例不尽相同,没有达到很好的适配的效果。思考了许久过后我发现一个问题:我手边的测试机的宽度是两个720和两个1080,而高度有1280,1440,1780和一个全面屏的2160。Android的开原性导致了Android设备的尺寸的碎片化太严重,而通过查看手机的尺寸参数会发现,如果用这四个手机来测试的话,宽度可以直接整除,而高度不可以(并且我手边的测试机的宽度也可以整除,如果有宽度没法整除的手机呢?)。但是用今日头条给出的方法,做除法后结果会取整,那会不会是由于用纵向计算出来的density取整影响了精度,从而导致了效果不尽人意呢?

问题修复

发现上述问题之后我就着手去修改,将计算结果取余后在赋值给targetDensity,经过一下午的反复测试与实验,我重新修改了targetDensity的计算方法:

  1. float targetDensity = 0; 
  2. try { 
  3.     Double division = Operation.division(appDisplayMetrics.heightPixels, 667); 
  4.     //由于手机的长宽不尽相同,肯定会有除不尽的情况,有失精度,所以在这里把所得结果做了一个保留两位小数的操作 
  5.     DecimalFormat df = new DecimalFormat("0.00"); 
  6.     String s = df.format(division); 
  7.     targetDensity = Float.parseFloat(s); 
  8. } catch (NumberFormatException e) { 
  9.     e.printStackTrace(); 

经测试后发现,这样取两位小数计算过后,高度上的适配结果让人非常满意。可是还有一个问题,我们一般来说做适配都是以手机的宽度为基准,但是一个app里面避免不了偶尔一两个页面是按照高度为基准(就是内容纵向填充全屏的页面)做适配的。但是上述方法只能保证一个方向,那我就让它可以自由的切换适配的基准方向不就好了。

最终方案

继续修改之后我得到了最终的方案,修改过后这个类中的所有内容如下:

  1. private static float appDensity; 
  2. private static float appScaledDensity; 
  3. private static DisplayMetrics appDisplayMetrics; 
  4.  
  5. //此方法在Application的onCreate方法中调用    Density.setDensity(this); 
  6. public static void setDensity(@NonNull Application application) { 
  7.     //获取application的DisplayMetrics 
  8.     appDisplayMetrics = application.getResources().getDisplayMetrics(); 
  9.  
  10.     if (appDensity == 0) { 
  11.         //初始化的时候赋值(只在Application里面初始化的时候会调用一次) 
  12.         appDensity = appDisplayMetrics.density; 
  13.         appScaledDensity = appDisplayMetrics.scaledDensity; 
  14.  
  15.         //添加字体变化的监听 
  16.         application.registerComponentCallbacks(new ComponentCallbacks() { 
  17.             @Override 
  18.             public void onConfigurationChanged(Configuration newConfig) { 
  19.                 //字体改变后,将appScaledDensity重新赋值 
  20.                 if (newConfig != null && newConfig.fontScale > 0) { 
  21.                     appScaledDensity = application.getResources().getDisplayMetrics().scaledDensity; 
  22.                 } 
  23.             } 
  24.  
  25.             @Override 
  26.             public void onLowMemory() { 
  27.             } 
  28.         }); 
  29.     } 
  30.      
  31.     //调用修改density值的方法(默认以宽度作为基准) 
  32.     setAppOrientation(null, AppUtils.WIDTH); 
  33.  
  34. //此方法用于在某一个Activity里面更改适配的方向    Density.setOrientation(mActivity, "width/height"); 
  35. public static void setOrientation(Activity activity, String orientation) { 
  36.     setAppOrientation(activity, orientation); 
  37.  
  38. /** 
  39.  * targetDensity 
  40.  * targetScaledDensity 
  41.  * targetDensityDpi 
  42.  * 这三个参数是统一修改过后的值 
  43.  * 
  44.  * orientation:方向值,传入width或height 
  45.  */ 
  46. private static void setAppOrientation(@Nullable Activity activity, String orientation) { 
  47.  
  48.     float targetDensity = 0; 
  49.     try { 
  50.         Double division; 
  51.         //根据带入参数选择不同的适配方向 
  52.         if (orientation.equals("height")) { 
  53.             //appDisplayMetrics.heightPixels/667 
  54.             division = Operation.division(appDisplayMetrics.heightPixels, 667); 
  55.         } else { 
  56.             division = Operation.division(appDisplayMetrics.widthPixels, 360); 
  57.         } 
  58.         //由于手机的长宽不尽相同,肯定会有除不尽的情况,有失精度,所以在这里把所得结果做了一个保留两位小数的操作 
  59.         DecimalFormat df = new DecimalFormat("0.00"); 
  60.         String s = df.format(division); 
  61.         targetDensity = Float.parseFloat(s); 
  62.     } catch (NumberFormatException e) { 
  63.         e.printStackTrace(); 
  64.     } 
  65.  
  66.     float targetScaledDensity = targetDensity * (appScaledDensity / appDensity); 
  67.     int targetDensityDpi = (int) (160 * targetDensity); 
  68.  
  69.     /** 
  70.      * 
  71.      * 最后在这里将修改过后的值赋给系统参数 
  72.      * 
  73.      * (因为最开始初始化的时候,activity为null,所以只设置application的值就可以了... 
  74.      * 所以在这里判断了一下,如果传有activity的话,再设置Activity的值) 
  75.      */ 
  76.     if (activity != null) { 
  77.         DisplayMetrics activityDisplayMetrics = activity.getResources().getDisplayMetrics(); 
  78.         activityDisplayMetrics.density = targetDensity; 
  79.         activityDisplayMetrics.scaledDensity = targetScaledDensity; 
  80.         activityDisplayMetrics.densityDpi = targetDensityDpi; 
  81.     } else { 
  82.         appDisplayMetrics.density = targetDensity; 
  83.         appDisplayMetrics.scaledDensity = targetScaledDensity; 
  84.         appDisplayMetrics.densityDpi = targetDensityDpi; 
  85.     } 

这是修改之后的所有内容,不懂的地方可以看一下里面的注释,在里面我是默认的以宽度来作为基准(这是在Activity中设置的方法,存在于此Activity下的fragment,dialog和PopupWindow都会受到此效果的影响,也就是说,在Activity中设置一次之后,Activity下的其他子View都无需再设置一次)。

使用方法

自己创建一个类,将最终方案里面的代码复制粘贴就可以使用了

使用方法:在Application的onCreate()方法中

Android屏幕适配很麻烦吗?不!太简单了。。。

如果只是适配一个方向的话,只设置这一句就可以了(我在utils里面设置了默认按照宽度适配,可以根据自己的需求修改默认的适配方向,见下图)

若app中有某一个页面需要纵向适配的话:

  1. /** 
  2.  * 
  3.  * 由于是个人封装,此方法需要写在onCreate()中的setContentView()方法前面,切换方向的效果才会生效 
  4.  */ 
  5. @Override 
  6. public void setOrientation() { 
  7.     Density.setOrientation(this, AppUtils.HEIGHT); 
  8.  
  9. /** 
  10.  * 
  11.  * 如果在一个Activity里面切换了适配方向的话,需要在destroy里面将方向设置为默认的方向, 
  12.  * 因为切换方向修改的是Activity的值,但是application的也会覆盖掉(原因还没有搞清楚...), 
  13.  * 权衡利弊之后就在onDestroy这个生命周期里面重新初始化了一下方向(因为用高度作为适配基准的页面 
  14.  * 少之又少,这样可以最大程度的减少对程序功能性的影响) 
  15.  */ 
  16. @Override 
  17. protected void onDestroy() { 
  18.     super.onDestroy(); 
  19.     Density.setOrientation(this, AppUtils.WIDTH); 
  20.  

由于在某一个Activity里面切换方向之后,我修改掉的是Activity中的值(activityDensity),但是返回再点击其他页面之后发现其他页面的适配方向也被修改掉了,于是乎权衡利弊之后我就用了这个相对来说影响最小的办法:在需要修改适配方向的Activity中的onDetroy生命周期里面,再手动将方向改成默认。。。(捣鼓了很久实在是想不到更好的办法了,如果各位看官有其他的好办法可以给我留言)。

最后贴出纵向适配的效果图,页面中蓝色背景的TextView高度是固定的150dp(只是我自己写的一个很简单的页面,不要嫌丑。。。):

敲黑板!!!

用此方法写适配,只需要一个dimens文件,一个layout文件就足矣,在xml布局中直接只用dp就可以了(Android P的刘海屏需要单独适配layout,全面屏手机可以隐藏的虚拟按键似乎也需要单独适配。。。)

结语

由于是自己写的demo,还没有大面积测试,要是各位看官有条件大范围测试的话,出现什么问题可以反馈给我,我们可以一起讨论该如何修改,共同进步。这是我入行以来写的第一篇文章,有写的不好的地方欢迎指正,以后还会继续努力多写文章的,好的东西需要分享。

【编辑推荐】

  1. Android APP 性能优化的一些思考
  2. 写给Android开发的小程序布局指南,Flex布局!
  3. iOS 12这几个功能借鉴了Android系统?
  4. 谷歌神秘的新系统 Fuchsia 会是 Android 的终点吗?
  5. 一篇文章搞懂Android 自定义Viewgroup的难点
  6. Google 为 Android P 引入新的生物识别身份验证 API
【责任编辑:未丽燕 TEL:(010)68476606】

点赞 0
分享:
大家都在看
猜你喜欢

读 书 +更多

八万里路云和月——一个国家扶贫开发工作重点县的

通榆,这个距离各个交通枢纽都十万八千里的偏僻小县城,搭载着电子商务的快车,踏上了云高速,开辟了如火如荼的电商致富的新战场,实现了一...

订阅51CTO邮刊

点击这里查看样刊

订阅51CTO邮刊