一种粗暴快速的 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:[email protected]'
在 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):
更多相关文章
- Android 使用WebView加载含有echarts的页面,截图不显示的解决方式
- [原创] 如何在android中实现swipe的手势功能及页面拖动动画
- android中一个activity实现多个xml页面互换。
- Android实现简易计算器(页面跳转和数据传输)
- Android页面跳转是如何传递参数的
- android 开发 简单的页面布局
- Android 加载图片传到另一个页面 关于回调
- Android 仿支付宝密码输入页面
- Android通知工具类,含8.0通知适配,打开通知设置页面适配