背景:
Android 项目的一个app需要适配手机+平板,为了一套UI和可以适配2个不同屏幕,记录一个适配的技巧:
前提,使用这个框架:GitHub - wildma/ScreenAdaptation: :fire:一种非常好用的 Android 屏幕适配——smallestWidth 限定符适配 https://www.jianshu.com/p/1302ad5a4b04
场景1:一套UI适配手机+平板
1.1 以手机的设计稿为准;(如果有手机和平板有2套UI,则优先使用手机的设计稿,如果手机的设计稿效果在平板效果不好,那就手机使用手机layout,再单独针对个别页面在定义一个平板layout,注意:平板设计稿的单位直接用,不要转换为414,比如按钮的宽度是20dp,就使用values-sw414dp里面定义的20dp,如:ada_dp_20)
1.2 screenMatch.properties,base_dp=414 (414为设计稿的宽度)
1.3 生成的dimens.xml只要这些就够,多的全部删除,这样保证在平板的适配效果不会图片和文字变得很大。
match_dp=240,320,384,392,400,410,411,414
场景2:手机和平板分开适配
2.1 layout文件写2个,代码控制加载那一个layout。
2.2 screenMatch.properties,base_dp=414 为手机的设计稿为准,平板的宽度在蓝湖上要转换成414,和手机保持一致;
2.3 然后就可以根据各自的设计稿设计,程序运行时候动态判断要加载那个layout文件
2.4 生成的dimens.xml按照默认的生产,尽量全,不要删除。
match_dp=240,320,384,392,400,410,411,414,480,533,592,600,640,662,711,720,768,800,811,820,938,960,961,1024,1280,1365
最好的适配效果是第2种,但是都需要开发2套UI,工作量大,要求不高的按照第1套来就行,
个别有问题的,在代码中判断平板再动态调整一下,或者再针对平板写一个layout。