关于自适应屏幕方向和大小的一些经验

转载请注明出处   

     刚开始，我开发时选取的模拟器是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 是适配中分辨率竖屏的布局文件夹

     这样布局文件的适配就做完了。
     我个人觉得先按照高分辨率的模拟器开发效果比较好，然后去做各个不同分辨率的适配。有时候我们布局时，低分辨率的布局可能需要修改下。

     最后，还有一个问题如果是在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));

    

评论

4 楼 EngleKiller 2010-11-20  

写的很好，感触娘多

3 楼 raultwo 2010-11-16  

fengzhizi715 写道

华为U8500可以测试的 它的分辨率是320*480
我自己测试的手机是G2也是320*480，工作测试的手机会多一些G7、moto xt701
这篇文章目的就是为了解决如何进行自适应的各个分辨率不同的手机 呵呵

哈哈，谢谢回答哈，多交流！
我的博客地址是:www.heytouch.com

2 楼 fengzhizi715 2010-11-16  

华为U8500可以测试的 它的分辨率是320*480
我自己测试的手机是G2也是320*480，工作测试的手机会多一些G7、moto xt701
这篇文章目的就是为了解决如何进行自适应的各个分辨率不同的手机 呵呵

1 楼 raultwo 2010-11-16  

呵呵，不知道博主的开发用手机是什么型号？
您觉得华为U8500能满足开发测试使用吗？