FitScreen-Android屏幕适配的另一种方案

2017-11-15 本文已影响0人 yangMr

FitScreen

本文从 CSDN 迁移过来。
原地址

Android屏幕适配的一种方案，包含自动生成xml文件jar包，自动替换dp、sp的jar包。顺便附带上源码。

更新说明：
2017.12.03：在GitHub工程上面添加个一个demo，包含 README.md 说明文件

背景说明

最开始使用dp设置控件尺寸，在hornor v8 1440x2560的手机显示正常，到了samsung Galaxy On7 1080x1920的手机上显示爆炸。。。(左hornor v8 1440x2560, 右samsung Galaxy On7 1080x1920)

2k.jpg

1080p.jpg

在尝试了N久还是没得结果的情况下，看到一个GitHub上面有一个shell写的脚本可以生成这些文件，奈何拉下来跑了一下没成功，向author发了封邮件也没有结果，自己看了看源码也搞不明白(没学过shell...而且很慢)。想想之前看了鸿洋大神的一篇博客准备自己来搞事情。

本方案在参考多位前人的适配方案下，自己对android屏幕适配做了一些总结。

适配方式

最小宽度(values-swxxxdp)形式。不同于生成不同分辨率对应px值，这个方案通过生成对应的dp、sp值来进行适配。

根据公式dp= 160*屏幕宽度px/dpi，得到的就是上面xxx的值。

dpi可以通过代码获取

DisplayMetrics displayMetrics = getResources().getDisplayMetrics();
Log.d(TAG," densityDpi is "+displayMetrics.densityDpi);

安卓手机dpi，分为 120（ldpi）、160（mdpi）、213、240（hdpi）、280、320（xhdpi）、360、400、 420、480（xxhdpi）、560、640（xxxhdpi）;
一般为以上值。比如我的honor手机计算得到dp是360，Samsung计算得到dp是411，所以我创建了两个values文件夹，values-sw360dp、values-sw411dp，手机会自动找到与其对应的values文件夹。
如需了解更多，请自行google。

适配后

last-2k.jpg

last-1080.jpg

使用姿势

我已经将jar文件(jar包下)以及java文件放入仓库中，提供源码进行查看(src包下)。具体请进GitHub查看。

生成对应的文件夹

将GenerateFile.jar下载下来放入某个目录下，cmd输入java -jar GenerateFile.jar xxx w1_w2... 。
xxx为基础宽度，必须为整数。w1 w2为需要其他的宽度值，同样需要整数。
默认基础宽度360，还有另外两个320、411。如果不需要设置，忽略xxx以及w1、w2，直接输java -jar GenerateFile.jar 回车即ok。
说明：为什么要基础宽度？举个栗子，UI美眉给你的标注图为750x1334，这个是iOS的标注尺寸，对应Android里面可以看成720x1280，看下图，根据上面的公式计算出来的dp值就是360。如果你将360设置为基础宽度，你就可以正常使用dp值，例如320、411的就会自动进行缩放。

例如：

我将GenerateFile.jar放入桌面，打开cmd切换到桌面目录，输入命令，回车即可生成res文件夹。

GenerateFile.jar cmd命令
res文件夹里面包含了三个文件夹（默认不设置为3个，默认根据720*1280的ui图来进行适配1dp=2px），里面就是熟悉的dimens.xml文件了，使用姿势我就不多说了。

res文件夹 res内部这里写图片描述

生成代码如下：
values-sw360dp：

<dimen name="xdp_0">.0dp</dimen>
<dimen name="xdp_1">1.0dp</dimen>
<dimen name="xdp_2">2.0dp</dimen>
...
<dimen name="xsp_1">1.0sp</dimen>
<dimen name="xsp_2">2.0sp</dimen>
<dimen name="xsp_3">3.0sp</dimen>

values-sw320dp

<dimen name="xdp_0">.0dp</dimen>
<dimen name="xdp_1">.9dp</dimen>
<dimen name="xdp_2">1.8dp</dimen>
...
<dimen name="xsp_1">.9sp</dimen>
<dimen name="xsp_2">1.8sp</dimen>
<dimen name="xsp_3">2.7sp</dimen>

values-sw411dp

<dimen name="xdp_0">.0dp</dimen>
<dimen name="xdp_1">1.1dp</dimen>
<dimen name="xdp_2">2.3dp</dimen>
...
<dimen name="xsp_1">1.1sp</dimen>
<dimen name="xsp_2">2.3sp</dimen>
<dimen name="xsp_3">3.4sp</dimen>

px_dpi.png

配上自己在xml中的使用

<Button
    android:id="@+id/btn_login"
    android:layout_width="@dimen/xdp_270"
    android:layout_height="@dimen/xdp_30"
    android:layout_marginLeft="@dimen/xdp_45"
    android:layout_marginRight="@dimen/xdp_45"
    android:layout_marginTop="@dimen/xdp_30"
    android:background="@drawable/login_btn_selector"
    android:text="@string/login_btn_text"
    android:textColor="@color/c_ffba00"
    android:textStyle="normal"
    android:textSize="@dimen/xsp_16"
    app:layout_constraintLeft_toLeftOf="parent"
    app:layout_constraintRight_toRightOf="parent"
    app:layout_constraintTop_toBottomOf="@+id/passwordLine" />

如果已经使用了dp、sp，要一个一个改?

不需要，本方案已经提供一个自动替换的jar文件ReplaceDpAndSp.jar。
下载下来后，cmd输入java -jar ReplaceDpAndSp.jar 需要修改的绝对路径。
需要修改的绝对路径可以是layout、drawable目录，前提是xml文件。
路径格式：1. D:/test/test/... 2. D:\\test\\test\\... 。路径格式请勿使用单反斜杠\，否则无法识别。
只输入java -jar ReplaceDpAndSp.jar ，默认会在当前jar包所在路径进行替换操作。
如果不满足你的需求，可以自己修改源码，源码已提供。
注意：
- id命名请不要以数字+dp 或者数字+sp结尾，出现误伤请自行解决。
- 在使用本工具之前请将你的代码备份，避免不可挽回的损失！！！

例如：

我将ReplaceDpAndSp.jar文件放到桌面，在cmd里面输入命令，回车替换了路径下的所有xml文件的dp、sp。

cmd替换

替换前

替换后

图片问题

在这里说一下我的图片问题，同样是wrap_content的情况下, honor v8可以正常显示，Samsung测试机还是老样子，至于后来怎么调整到差不多效果，我将宽高全部使用dp表示。
我觉得这有些欠妥，毕竟是对图片进行了缩放。如果你有更好的方法，你可以在GitHub的issue上面提出来，或者直接发邮件给我。

我的图片尺寸适配如下（尺寸也是根据图片分辨率计算得到）

<ImageView
    android:id="@+id/imageView"
    android:layout_width="@dimen/xdp_58"
    android:layout_height="@dimen/xdp_90"
    app:srcCompat="@mipmap/logo"
    app:layout_constraintTop_toTopOf="parent"
    android:layout_marginTop="@dimen/xdp_83"
    app:layout_constraintLeft_toLeftOf="parent"
    app:layout_constraintRight_toRightOf="parent"/>

代码适配

如果在xml上面不能满足你的需求，你也可以在代码中完成适配，只要拿到对应dimen的值。

例如：

CommonUtils.setTextTopImgSize(getContext(), mTvFollowup, R.mipmap.tag_followup, R.dimen.xdp_56, R.dimen.xdp_53);
...
/**
 * 设置TextView顶部图片的大小
 */
public static void setTextTopImgSize(Context context, TextView tv, @DrawableRes int imgId,
                                         @DimenRes int widthId, @DimenRes int heightId) {
    //调整图片大小
    int width = context.getResources().getDimensionPixelSize(widthId);
    int height = context.getResources().getDimensionPixelSize(heightId);
    Drawable drawable1 = context.getResources().getDrawable(imgId);
    drawable1.setBounds(0, 0, width, height);//第一0是距左边距离，第二0是距上边距离，40分别是长宽
    tv.setCompoundDrawables(null, drawable1, null, null);//只放上边
}

全都无法满足？

只能出必杀技了，你可以在GitHub上将源码拉下来，对里面一些代码进行修改，适合自己开发就好。

最后

写了这么多，手都酸了，只希望在屏幕适配这块，能与各位小伙伴共同学习，共同进步！
附上GitHub链接 FitScreen
更多详情请看GitHub。