背景
前几天接到一个需求,把项目上的原来的2k屏幕适配到4k屏幕。
我采用的是smallestWidth最小宽度限定符进行适配的我们项目的。
1,smallestWidth 限定符适配原理
系统都是根据限定符去寻找对应的 dimens.xml 文件。例如在最小宽度为 720dp 的设备上,系统会自动找到对应的 values-sw720dp 文件夹下的 dimens.xml 文件,smallestWidth 限定符适配是拿 dp 值来等比缩放而已。需要注意的是“最小宽度”是不区分方向的,即无论是宽度还是高度,哪一边小就认为哪一边是“最小宽度”。如下分别为最小宽度为 720dp 与最小宽度为 720dp 所对应的 dimens.xml 文件:下面这些资源文件和项目中的values同级目录下。
2,ScreenMatch插件生成values资源文件
在Android studio中搜索ScreenMatch安装上,重起Android studio
2.1 生成资源文件
在生成资源文件前,还有一项很重要的事,就是要在你想要生成的values资源的模块下的dimens.xml文件夹下先写好模版。
项目根目录右键选择SreenMatch
执行完成后项目中values同级目录下就会生成320,360,384,392.7272,400,410,411.4285,432,480,533,592,600,640,662,720,768,800,811,820,960,961,1024,1280,1365默认的资源文件夹,
注意 当项目中values文件夹定义的dp值不够用,需要在默认的values文件下-demins.xml新增,或者需要新增values-swxxxx,或略掉不需要适配的values-swxxxx,(新增或者删除如下图)都是需要右键选择SreenMatch重新执行上面三图的步骤。
2.2,dp值该怎么填写?
最小宽度该填多少,一般根据ui出的图来填写dp值,一般宽度显示多少 dp 就写多少 dp。有的小伙伴的用的工具可能不显示dp值,只有像素值,那也没关系 可以通过以下代码获取到设备的dp值,或者你不想用代码获取也可以在TV设备中设置里面查看具体密度值 以及像素值 然后换算成dp值。设计图标注多少 dp,布局中就写多少 dp ,非常方便!
DisplayMetrics metric =new DisplayMetrics();
getWindowManager().getDefaultDisplay().getMetrics(metric);
// 屏幕宽度(像素)int width = metric.widthPixels;
// 屏幕高度(像素)int height = metric.heightPixels;
// 屏幕密度(1.0 / 1.5 / 2.0)float density = metric.density;
// 屏幕密度DPI(160 / 240 / 320)int densityDpi = metric.densityDpi;
int screenWidth = (int) (width / density); // 屏幕宽度(dp)
int screenHeight = (int) (height / density);// 屏幕高度(dp)
2.3,切图应该放哪个 drawable 文件夹下,切多大?
举个例子:
我们项目4K的电视分辨率为3840 x 2160 ,屏幕密度120dpi,通过120dpi,根据下表可以得知图片放在drawable-ldpi文件夹下,我们老得2k屏幕TV分辨率是1920*1080,屏幕密度值是240dpi,图片应该放在drawable-hdpi文件夹下面,所以要想同时适配2k以及4k屏两个文件夹下面都需要放置图片。在160dpi情况下,px与dp是1倍的关系,所以1px = 1dp
3、同时适配横竖屏
1,通过布局文件设置
右键单击‘res’文件夹 -> 'new' -> 'Android resource directory'; 将 Directory name 填写 layout-land,Resource type 选择layout,这是建立了一个横屏的布局文件,同样的方式再建立一个layout-port资源文件夹,里面放一个竖屏的布局文件,名字要起一样的,这个很重要,然后再java文件中设setContentview就行了。这样屏幕切换的时候他们会被自动加载
2,代码中设置
protected void onCreate(Bundle savedInstanceState) {
super.onCreate(savedInstanceState);
int orientation = getResources().getConfiguration().orientation;
if (orientation == Configuration.ORIENTATION_LANDSCAPE) {
setContentView(R.layout.land);
} else if (orientation == Configuration.ORIENTATION_PORTRAIT) {
setContentView(R.layout.port);
}
}
5,使用步骤总结
1,以设计图最小宽度(单位为 dp)作为基准值,利用插件生成所有设备对应的 dimens.xml 文件
2,根据设计图标注,标注多少 dp,布局中就写多少dp,格式为@dimen/dp_XX。
网友评论