FitScreen
本文从 CSDN 迁移过来。
原地址
Android屏幕适配的一种方案,包含自动生成xml文件jar包,自动替换dp、sp的jar包。顺便附带上源码。
GitHub链接 FitScreen
更新说明:
2017.12.03:在GitHub工程上面添加个一个demo,包含 README.md 说明文件
背景说明
2k.jpg 1080p.jpg最开始使用dp设置控件尺寸,在hornor v8 1440x2560的手机显示正常,到了samsung Galaxy On7 1080x1920的手机上显示爆炸。。。(左hornor v8 1440x2560, 右samsung Galaxy On7 1080x1920)
在尝试了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结尾,出现误伤请自行解决。
- 在使用本工具之前请将你的代码备份,避免不可挽回的损失!!!
例如:
cmd替换我将ReplaceDpAndSp.jar文件放到桌面,在cmd里面输入命令,回车替换了路径下的所有xml文件的dp、sp。
替换前
替换前
替换后
替换后
图片问题
在这里说一下我的图片问题,同样是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。
网友评论