一种粗暴快速的 Android 全屏幕适配方案

Rudeness

项目地址：Firedamp/Rudeness 

简介：一种粗暴快速的 Android 全屏幕适配方案

更多：作者   提 Bug   官网   

标签：

 

方案分析见一种粗暴快速的 Android 全屏幕适配方案。

---

本项目包括：

• rudeness-sdk。根据上述方案实现的一个非常简单的库。
• rudeness-demo。这是 demo。

---

使用姿势：

• 核心。使用冷门的 pt 作为长度单位，按照上述想法将其重定义为与屏幕大小相关的相对单位，不会对 dp 等常用单位的使用造成影响。

• 绘制。编写 xml 时完全对照设计稿上的尺寸来编写，只不过单位换为 pt。假如设计图宽度为 200，一个控件在设计图上标注的长度为 3，只需要在初始化时定义宽度为 200，绘制该控件时长度写为 3pt，那么在任何大小的屏幕上该控件所表现的长度都为屏幕宽度的 3/200。如果需要在代码中动态转换成 px 的话，使用TypedValue.applyDimension(TypedValue.COMPLEX_UNIT_PT, value, metrics)。

• 预览。实时预览时绘制页面是很重要的一个环节。以 1334x750 的设计图为例，为了实现于正常绘制时一样的预览功能，创建一个长为 1334 磅，宽为 750 磅的设备作为预览，经换算约为 21.5 英寸((sqrt(1334^2+750^2))/72)。预览时选择这个设备即可。 

• 代码处理。(代码比较简单，所以你也可以不使用本依赖自己处理) 在 build.gradle 中加入依赖：

    compile 'com.bulong.rudeness:rudeness:[e-mail]'
  

  在 Application 的 onCreate 中引用：

    //设计图标注的宽度
    int designWidth = 750;
    new RudenessScreenHelper(this, designWidth).activate();
  

这样绘制出来的页面就跟设计图几乎完全一样，无论大小屏上看起来就只是将设计图缩放之后的结果。

---

SDK API Refrences：

public class RudenessScreenHelper {

    /**
     * 转换 dp 为 px
     * @param context context
     * @param value 需要转换的 dp 值
     * @return px 值
     */
    public static float dp2px(Context context, float value);

    /**
     * 转换 pt 为 px
     * @param context context
     * @param value 需要转换的 pt 值，若 context.resources.displayMetrics 经过 resetDensity()的修改则得到修正的相对长度，否则得到原生的磅
     * @return px 值
     */
    public static float pt2px(Context context, float value);

    /**
     * 构造方法
     * @param application application
     * @param width 设计稿宽度
     */
    public RudenessScreenHelper(Application application, float width);

    /**
     * **本方案
     */
    public void activate();

    /**
     * 恢复系统原生方案
     */
    public void inactivate();
}

---

FAQ

若存在 webview 导致适配失效的问题

可以先继承 WebView 并重写setOverScrollMode(int mode)方法，在方法中调用 super 之后调用一遍RudenessScreenHelper.resetDensity(getContext(), designWidth)规避

若存在 dialog 中适配失效的问题

可以在 dialog 的 oncreate 中调用一遍RudenessScreenHelper.resetDensity(getContext(), designWidth)规避

旋转屏幕之后适配失效

可以在 onConfigurationChanged 中调用RudenessScreenHelper.resetDensity(getContext(), designWidth)规避

特定国产机型 ROM 中偶先 fragment 失效

可以在 fragment 的 onCreateView 中调用RudenessScreenHelper.resetDensity(getContext(), designWidth)规避

---

关于 demo：

• 正常编写的页面 是按照 dp 来编写的页面
• 粗暴适配的页面 是按照本方案编写的页面

在多种不同屏幕大小的真机与虚拟机下运行项目，可见粗暴适配的页面表现几乎一致，而正常编写的页面在大屏与小屏之间看起来差异较大。

正常编写的页面 左图 API19 400x800， 右图 API24 1440x2560）： 

粗暴适配的页面（左图 API19 400x800， 右图 API24 1440x2560）：