Android-关于屏幕适配的一些经验

时间:2021-08-19 06:05:42

刚开始,我开发时选取的模拟器是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-land 是适配高分辨率横屏的布局文件夹 
layout-land-320x240 是适配低分辨率横屏的布局文件夹 
layout-land-480x320 是适配中分辨率横屏的布局文件夹 
layout-port-320x240 是适配低分辨率竖屏的布局文件夹 
layout-port-480x320 是适配中分辨率竖屏的布局文件夹

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

[mw_shl_code=java,true]最后,还有一个问题如果是在java程序中写死的布局怎么办? 
      这个就很恼火了,需要判断屏幕的大小了,获取屏幕大小的代码如下:
WindowManager windowManager = getWindowManager();     
         Display display = windowManager.getDefaultDisplay();     
         int screenWidth = display.getWidth();

int screenHeight = display.getHeight();  [/mw_shl_code][mw_shl_code=java,true]  下面的代码片段是我自己在程序中写死布局使用的,仅供参考:

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));  [/mw_shl_code]