刚开始,我开发时选取的模拟器是WVGA854,其分辨率为854*480。我开发完毕后装在800*480的手机上时感觉很OK,但是装到480*320、以及320*240分辨率上的手机时,很多界面都变形了,这时我感受到了app自适应的重要性。
自适应主要会遇到两个大问题:横屏和竖屏的切换,以及分辨率大小不同。
一.当横屏切换成竖屏时,解决的办法:
在res目录下建立layout-port和layout-land两个目录,里面分别放置竖屏和横屏两种布局文件,当手机屏幕方向变化的时android系统会自动调用相应的布局文件。
当然还有办法就是不切换。要么都是横屏或者要么都是竖屏。可以在AndroidManifest.xml文件中设置,比如某个Activity设置为android:screenOrientation="portrait" 这样就一直保持竖屏,如果设置为
android:screenOrientation="landscape" 这样就一直保持横屏。
二.当遇到分辨率不同大小时,我们也会遇到三个问题:图片大小、布局、横屏和竖屏的切换。
图片问题好解决,到android2.0以后的api中,我们会发现原先的drawable文件夹变成了3个分别是drawable-hdpi、drawable-mdpi、drawable-ldpi。
第一个文件夹放高分辨率手机的图片,比如:854*480、800*480
第二个文件夹放中分辨率手机的图片,比如:480*320
第三个文件夹放低分辨率手机的图片,比如:320*240
关于布局和横屏切换成竖屏类似,也只需要在res目录下创建不同的layout文件夹,比如layout-480x320,layout-800x480,系统会根据屏幕的大小自己选择合适的layout来使用。
当横屏切换成竖屏时,就会遇到一个问题,我该怎么创建layout文件夹?
下图是我的工程里所有的layout文件夹:
layout 是适配高分辨率竖屏的布局文件夹
layout-land 是适配高分辨率横屏的布局文件夹
layout-land-320x240 是适配低分辨率横屏的布局文件夹
layout-land-480x320 是适配中分辨率横屏的布局文件夹
layout-port-320x240 是适配低分辨率竖屏的布局文件夹
layout-port-480x320 是适配中分辨率竖屏的布局文件夹
android:screenOrientation="landscape" 这样就一直保持横屏。
下图是我的工程里所有的layout文件夹:
layout 是适配高分辨率竖屏的布局文件夹
layout-land 是适配高分辨率横屏的布局文件夹
layout-land-320x240 是适配低分辨率横屏的布局文件夹
layout-land-480x320 是适配中分辨率横屏的布局文件夹
layout-port-320x240 是适配低分辨率竖屏的布局文件夹
layout-port-480x320 是适配中分辨率竖屏的布局文件夹
这样布局文件的适配就做完了。
我个人觉得先按照高分辨率的模拟器开发效果比较好,然后去做各个不同分辨率的适配。有时候我们布局时,低分辨率的布局可能需要修改下。
最后,还有一个问题如果是在java程序中写死的布局怎么办?
这个就很恼火了,需要判断屏幕的大小了,获取屏幕大小的代码如下:
WindowManager windowManager = getWindowManager(); Display display = windowManager.getDefaultDisplay(); int screenWidth = display.getWidth(); int screenHeight = display.getHeight();
下面的代码片段是我自己在程序中写死布局使用的,仅供参考:
Button cancelBtn = new Button(this); if (screenWidth<320 || screenHeight<320) cancelBtn.setLayoutParams(new LayoutParams(60, android.view.ViewGroup.LayoutParams.WRAP_CONTENT)); else if (screenWidth <480 &&screenHeight == 480) cancelBtn.setLayoutParams(new LayoutParams(80, android.view.ViewGroup.LayoutParams.WRAP_CONTENT)); else if (screenWidth >480 && screenHeight == 480) cancelBtn.setLayoutParams(new LayoutParams(160, android.view.ViewGroup.LayoutParams.WRAP_CONTENT)); else cancelBtn.setLayoutParams(new LayoutParams(120, android.view.ViewGroup.LayoutParams.WRAP_CONTENT));