关于屏幕适配的一些经验

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

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

1
2
3
4
5
6
最后,还有一个问题如果是在java程序中写死的布局怎么办?
       这个就很恼火了,需要判断屏幕的大小了,获取屏幕大小的代码如下:
WindowManager windowManager = getWindowManager();    
          Display display = windowManager.getDefaultDisplay();    
          int screenWidth = display.getWidth();    
[align=left] int screenHeight = display.getHeight();
01
02
03
04
05
06
07
08
09
10
11
12
13
   下面的代码片段是我自己在程序中写死布局使用的,仅供参考: [/align]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
[align=left]android.view.ViewGroup.LayoutParams.WRAP_CONTENT));




图片1.png (8.2 KB, 下载次数: 4)

文件夹 当横屏切换成竖屏时,就会遇到一个问题,我该怎么创建layout文件夹? 下图是我的工程里所有的layo ...

文件夹 当横屏切换成竖屏时,就会遇到一个问题,我该怎么创建layout文件夹?   下图是我的工程里所有的layo ...




LZ适配java中写死的代码不是很灵活。
01
02
03
04
05
06
07
08
09
10
11
12
13
14
15
/**
      * 根据手机的分辨率从 dp 的单位 转成为 px(像素)
      */
     public static int dip2px(Context context, float dpValue) {
         final float scale = context.getResources().getDisplayMetrics().density;
         return ( int ) (dpValue * scale + 0 .5f);
     }
 
     /**
      * 根据手机的分辨率从 px(像素) 的单位 转成为 dp
      */
     public static int px2dip(Context context, float pxValue) {
         final float scale = context.getResources().getDisplayMetrics().density;
         return ( int ) (pxValue / scale + 0 .5f);
     }


我们都知道设置大小最好提dp,但是在java代码是默认是PX,有了上面的两个方法,可以很轻松的转换,会根据屏幕的不同值也会不同。
好好学习,天天向上

  • 0
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值