今天无意中使用了以前做的一个应用,安装后打开,会显示几个应用介绍页面,但是一滑动就发生卡顿现象。
该页面是用ViewPager中加载几个View来实现,每个View都是一个装有一张图片的ImageView控件。
这个问题以前没有发现,但是在现在手机上却总是会出现,而现在手机旧手机像素密度要高,显然是适配工作没做好。
于是找到以前的代码,查看这几张图片大小,都是720x1280,居然只放在drawable目录,oh my god!
之前有写过关于屏幕适配的博客 Android开发 屏幕适配之像素密度适配
里面有提到如何计算不同目录下的图片文件在不同像素密度设备上显示的像素大小:
0.获取当前设备像素密度值,我的是480dpi
1.获取图片文件宽高,当前是720x1280
2.上述宽高值单位为dp, 转换成px单位,根据公式 px = dp * (dpi /160) = dp * (480/160) = dp * 3, 以px为单位的宽高为 2160 x 3840
3.根据文件存放目录drawable(等同drawable-mdpi),得到对应倍数为1,将上述宽高除以倍数得到最终大小 2160 x 3840
分类目录 | ldpi | mdpi | hdpi | xhdpi | xxhdpi | xxxhdpi |
密度(dpi) | ~160 | ~240 | ~320 | ~480 | ~640 | |
图片比例 | 1.5 | 2 | 3 | 4 | 6 | 8 |
倍数 | 0.75x | 1x | 1.5x | 2x | 3x | 4x |
滑动过程中,每个view都要处理 2160 x 3840 大小的图片,当然容易发生卡顿了,而且显示的质量也不好!
当前设备像素密度为480dpi,要把图片放在drawable-xhdpi下,则倍数为2,图片最终显示大小为 1080x1920,没有发生卡顿,且画质也很好。
当然为了适配更多设备,需要把这几张图片分别放在各个资源目录下,这样就可以在不同设备上正常运行这个程序。