fit me app Android,FitScreen-Android屏幕适配的另一种方案

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：

.0dp

1.0dp

2.0dp

...

1.0sp

2.0sp

3.0sp

values-sw320dp

.0dp

.9dp

1.8dp

...

.9sp

1.8sp

2.7sp

values-sw411dp

.0dp

1.1dp

2.3dp

...

1.1sp

2.3sp

3.4sp

px_dpi.png

配上自己在xml中的使用

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上面提出来，或者直接发邮件给我。

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

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。