`
dengbaoleng
  • 浏览: 1132341 次
文章分类
社区版块
存档分类
最新评论

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

 
阅读更多
刚开始,我开发时选取的模拟器是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程序中写死的布局怎么办?
这个就很恼火了,需要判断屏幕的大小了,获取屏幕大小的代码如下:
Java代码 复制代码收藏代码
  1. WindowManagerwindowManager=getWindowManager();
  2. Displaydisplay=windowManager.getDefaultDisplay();
  3. intscreenWidth=display.getWidth();
  4. intscreenHeight=display.getHeight();


下面的代码片段是我自己在程序中写死布局使用的,仅供参考:
Java代码 复制代码收藏代码
  1. ButtoncancelBtn=newButton(this);
  2. if(screenWidth<320||screenHeight<320)
  3. cancelBtn.setLayoutParams(newLayoutParams(60,
  4. android.view.ViewGroup.LayoutParams.WRAP_CONTENT));
  5. elseif(screenWidth<480&&screenHeight==480)
  6. cancelBtn.setLayoutParams(newLayoutParams(80,
  7. android.view.ViewGroup.LayoutParams.WRAP_CONTENT));
  8. elseif(screenWidth>480&&screenHeight==480)
  9. cancelBtn.setLayoutParams(newLayoutParams(160,
  10. android.view.ViewGroup.LayoutParams.WRAP_CONTENT));
  11. else
  12. cancelBtn.setLayoutParams(newLayoutParams(120,
  13. android.view.ViewGroup.LayoutParams.WRAP_CONTENT));


分享到:
评论

相关推荐

Global site tag (gtag.js) - Google Analytics