你该知道的Android屏幕适配新姿势

前言

前段时间在掘金上看了一篇关于Android屏幕适配的新方案Android 屏幕适配从未如斯简单(8月10日最终更新版)以及一种极低成本的Android屏幕适配方式, 这。。。 不是和我的适配方案一个思路吗,还是有一定的差别。

真的是巧了,我们公司也是做资讯的,呃。。 和头条好像。起初,我们的需求是改字体,于是写了这篇文章Android屏幕适配,该文章写了适配相关知识点以及如何防止更改系统字体影响应用ui

接着,产品需求来了,每台机子的资讯频道个数不一样,边距也有差别,1像素都不能差。。。由于项目中并没有做屏幕适配,手动一个个文件改过去??凉凉😱😱😱

最后,从适配字体的方案延伸出适配屏幕的方案

真的是我自己的方案,巧的是和头条想一块去了

之前没条件验证方案,现在头条帮我验证,捡了个现成的😎😎😎

需了解的相关知识

  • 屏幕尺寸

指屏幕对角线的物理尺寸(inch),1英寸=2.54cm

  • 屏幕分辨率

指屏幕横纵向像素点(px),例:1920x1080、2560x1440

  • 像素密度

每英寸的像素点(dpi)

  • 屏幕无关像素

指与屏幕像素点无关的表示单位(dp/dip),主要用于限定控件大小

  • 密度关系及其换算表
密度类型 分辨率 像素密度 像素密度范围 换算(dp->px)
ldpi 320x240 120 0~120 1dp -> 0.75px
mdpi 480x320 160 120~160 1dp -> 1px
hpdi 800x480 240 160~240 1dp -> 1.5px
xhdpi 1280x720 320 240~320 1dp -> 2px
xxhdpi 1920x1080 480 320~480 1dp -> 3px
xxxhdpi 2560x1440 640 480~640 1dp -> 4px
  • 调整首选项中字体大小,density不会变化,scaledDensity跟随字号变化。因此有特殊需求的情况,不让应用字体跟随设置中字号变化,可直接调整scaledDensity的值。
public class MyApplication extends Application {
    @Override
    public void onCreate() {
        super.onCreate();
        Resources.getSystem().getDisplayMetrics().scaledDensity = Resources.getSystem().getDisplayMetrics().density;
        getResources().getDisplayMetrics().scaledDensity = getResources().getDisplayMetrics().density;
    }

    @Override
    public void onConfigurationChanged(Configuration newConfig) {
        super.onConfigurationChanged(newConfig);
        Resources.getSystem().getDisplayMetrics().scaledDensity = Resources.getSystem().getDisplayMetrics().density;
        getResources().getDisplayMetrics().scaledDensity = getResources().getDisplayMetrics().density;
    }
}

为什么需要屏幕适配???

  • 之前,一直不懂为什么需要做适配??? 使用dp不是能解决??? 1dp = (像素密度/160)px
  1. 先看像素密度公式:dpi = Math.sqrt(宽 * 宽 + 高 * 高) / 屏幕尺寸,其中宽高指的是屏幕分辨率的宽高

例子1:
小米4W
分辨率: 1080 * 1920
屏幕尺寸: 5inch
像素密度: dpi = Math.sqrt(1080 * 1080 + 1920 * 1920) / 5 ≈ 440
1dp = (440 / 160) ≈ 2.75px

例子2:
红米Note4
分辨率: 1080 * 1920
屏幕尺寸: 5.5inch
像素密度: dpi = Math.sqrt(1080 * 1080 + 1920 * 1920) / 5.5 ≈ 400
1dp = (400 / 160) ≈ 2.5px

结论: 使用dp并不能完全解决屏幕适配问题,使用同样的dp值在每个屏幕上展现出来的相对大小不一致

适配方案一(重新设置density)

dp与px怎么换算的?sp与px怎么换算的?

分析applyDimension

TypedValue.applyDimension(TypedValue.COMPLEX_UNIT_DIP, 22, getResources().getDisplayMetrics());

public static float applyDimension(int unit, float value, DisplayMetrics metrics)
{
    switch (unit) {
        case COMPLEX_UNIT_PX:
            return value;
        case COMPLEX_UNIT_DIP:
            return value * metrics.density;
        case COMPLEX_UNIT_SP:
            return value * metrics.scaledDensity;
        case COMPLEX_UNIT_PT:
            return value * metrics.xdpi * (1.0f/72);
        case COMPLEX_UNIT_IN:
            return value * metrics.xdpi;
        case COMPLEX_UNIT_MM:
            return value * metrics.xdpi * (1.0f/25.4f);
    }
    return 0;
}

结论:
dp->px公式:value * metrics.density
sp->px公式:value * metrics.scaledDensity
因此关键在于metrics对象,而metrics对象又是从Resources获取到,Resources对象又是从Activity或者Application中获取

分析DisplayMetrics对象

DisplayMetrics#density 用于dp与px的换算
DisplayMetrics#densityDpi 像素密度
DisplayMetrics#scaledDensity 字体的缩放因子,正常情况下和density相等,但是调节系统字体大小后会改变这个值

尝试修改Activity.getResources().getDisplayMetrics()属性值,以适配屏幕

放在setContentView之前

DisplayMetrics displayMetrics = app.getResources().getDisplayMetrics();
displayMetrics.densityDpi = 160;
displayMetrics.density = 1.0;
displayMetrics.scaledDensity = 1.0;

结论: 调整参数生效,具体分析可见头条文章我就不在分析了一种极低成本的Android屏幕适配方式

densityDpi、density、scaledDensity要设置多少?

根据密度关系及其换算表,得知某个像素密度范围会对应一个标准值,因此我们直接根据标准值来设置这三个属性值。这样的好处是,将所有屏幕转换成标准屏幕处理
例如: 小米4W 像素密度440 此时,调整属性值densityDpi = 480;density = 3.0; scaledDensity = 3.0;

实现代码:
    /**
     * 获取像素密度
     * @param densityDpi    像素密度
     */
    private static Density getDensity(int densityDpi) {
        if (densityDpi <= Density.LDPI.densityDpi) {
            return Density.LDPI;
        } else if (densityDpi <= Density.MDPI.densityDpi) {
            return Density.MDPI;
        } else if (densityDpi <= Density.HDPI.densityDpi) {
            return Density.HDPI;
        } else if (densityDpi <= Density.XHDPI.densityDpi) {
            return Density.XHDPI;
        } else if (densityDpi <= Density.XXHDPI.densityDpi) {
            return Density.XXHDPI;
        } else if (densityDpi <= Density.XXXHDPI.densityDpi) {
            return Density.XXXHDPI;
        } else {    // 其他情况使用默认屏幕信息
            int density = (int) (1.0 * densityDpi / 160);
            if (density * 160 < densityDpi) {
                density += 1;
            }

            Density.WHATHDPI.setDensityDpi(density * 160);
            Density.WHATHDPI.setDensity(density);
            Density.WHATHDPI.setScaledDensity(density);
            Density.WHATHDPI.setScaledDensity(density);
            return Density.WHATHDPI;
        }
    }
修改系统字体大小返回页面后是否影响配置

修改后会影响页面配置,需实现Activity#onConfigurationChanged或Application#onConfigurationChanged方法,重新设置配置

    @Override
    public void onConfigurationChanged(android.content.res.Configuration newConfig) {
        super.onConfigurationChanged(newConfig);
        AdaptiveUtil.resetDensity(this);
    }
更改全局的参数还是更改activity的参数

如果为了兼容以前版本,建议放在BaseActivity中处理配置调整; 否则在Application中处理统一更改配置

和头条相比

① 头条使用displayMetrics.widthPixels / 360来定义标准,本文根据原始的像素密度来匹配标准的屏幕
② 头条不仅更改了Activity中的DisplayMetrics对象属性,还改了Appplication中的,本文少了Application中的更改,哎,我想的还是不够细
③ 和今日头条一样,不受ui设计稿影响,如果设计稿是按照xxhdpi设计的,此时按照2px = 1dp完成布局,哪天设计稿换成xxxhdpi来设计,此时按照3px = 1dp来完成布局即可。

遇到的问题和不足

冷启动图使用layer时,调整配置后应用冷启动背景图在部分机子上存在闪动的情况,即因为没调配置前与调整配置后dp值变化导致图片变大或缩小

适配方案二(最小宽度限定符)

  • 最小宽度限定符适配方案,参考Android 目前稳定高效的UI适配方案
  • 个人觉得弊病有三:① 根据该文章讲解,多个dimens文件会导致包增大,可能会增大300kb-800kb左右,可以接受吧;② 需要开发者有一定的经验,知道需要增加哪些常用的尺寸,避免无用功;③ 即使有经验的开发者也可能遗漏某个机型的适配;

Demo

demo链接

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
  • 序言:七十年代末,一起剥皮案震惊了整个滨河市,随后出现的几起案子,更是在滨河造成了极大的恐慌,老刑警刘岩,带你破解...
    沈念sama阅读 194,491评论 5 459
  • 序言:滨河连续发生了三起死亡事件,死亡现场离奇诡异,居然都是意外死亡,警方通过查阅死者的电脑和手机,发现死者居然都...
    沈念sama阅读 81,856评论 2 371
  • 文/潘晓璐 我一进店门,熙熙楼的掌柜王于贵愁眉苦脸地迎上来,“玉大人,你说我怎么就摊上这事。” “怎么了?”我有些...
    开封第一讲书人阅读 141,745评论 0 319
  • 文/不坏的土叔 我叫张陵,是天一观的道长。 经常有香客问我,道长,这世上最难降的妖魔是什么? 我笑而不...
    开封第一讲书人阅读 52,196评论 1 263
  • 正文 为了忘掉前任,我火速办了婚礼,结果婚礼上,老公的妹妹穿的比我还像新娘。我一直安慰自己,他们只是感情好,可当我...
    茶点故事阅读 61,073评论 4 355
  • 文/花漫 我一把揭开白布。 她就那样静静地躺着,像睡着了一般。 火红的嫁衣衬着肌肤如雪。 梳的纹丝不乱的头发上,一...
    开封第一讲书人阅读 46,112评论 1 272
  • 那天,我揣着相机与录音,去河边找鬼。 笑死,一个胖子当着我的面吹牛,可吹牛的内容都是我干的。 我是一名探鬼主播,决...
    沈念sama阅读 36,531评论 3 381
  • 文/苍兰香墨 我猛地睁开眼,长吁一口气:“原来是场噩梦啊……” “哼!你这毒妇竟也来了?” 一声冷哼从身侧响起,我...
    开封第一讲书人阅读 35,215评论 0 253
  • 序言:老挝万荣一对情侣失踪,失踪者是张志新(化名)和其女友刘颖,没想到半个月后,有当地人在树林里发现了一具尸体,经...
    沈念sama阅读 39,485评论 1 290
  • 正文 独居荒郊野岭守林人离奇死亡,尸身上长有42处带血的脓包…… 初始之章·张勋 以下内容为张勋视角 年9月15日...
    茶点故事阅读 34,578评论 2 309
  • 正文 我和宋清朗相恋三年,在试婚纱的时候发现自己被绿了。 大学时的朋友给我发了我未婚夫和他白月光在一起吃饭的照片。...
    茶点故事阅读 36,356评论 1 326
  • 序言:一个原本活蹦乱跳的男人离奇死亡,死状恐怖,灵堂内的尸体忽然破棺而出,到底是诈尸还是另有隐情,我是刑警宁泽,带...
    沈念sama阅读 32,215评论 3 312
  • 正文 年R本政府宣布,位于F岛的核电站,受9级特大地震影响,放射性物质发生泄漏。R本人自食恶果不足惜,却给世界环境...
    茶点故事阅读 37,583评论 3 299
  • 文/蒙蒙 一、第九天 我趴在偏房一处隐蔽的房顶上张望。 院中可真热闹,春花似锦、人声如沸。这庄子的主人今日做“春日...
    开封第一讲书人阅读 28,898评论 0 17
  • 文/苍兰香墨 我抬头看了看天上的太阳。三九已至,却和暖如春,着一层夹袄步出监牢的瞬间,已是汗流浃背。 一阵脚步声响...
    开封第一讲书人阅读 30,174评论 1 250
  • 我被黑心中介骗来泰国打工, 没想到刚下飞机就差点儿被人妖公主榨干…… 1. 我叫王不留,地道东北人。 一个月前我还...
    沈念sama阅读 41,497评论 2 341
  • 正文 我出身青楼,却偏偏与公主长得像,于是被迫代替她去往敌国和亲。 传闻我的和亲对象是个残疾皇子,可洞房花烛夜当晚...
    茶点故事阅读 40,697评论 2 335

推荐阅读更多精彩内容