Android开发——Android手机屏幕适配方案总结

来源:互联网 发布:天涯与知乎 编辑:程序博客网 时间:2024/05/18 02:07

0. 前言

Android的屏幕适配,即使得某一元素在Android不同尺寸、不同分辨率的手机上具备相同的显示效果,这个问题一直以来都是我们Android开发者不得不面对的问题。本文参考了很多前人的博客,并对这一问题做一个总结,力求精简明了。

转载请注明出处:http://blog.csdn.net/seu_calvin/article/details/52690498


1. 基础概念

(1)屏幕尺寸,即手机对角线的物理尺寸

1英寸 = 2.54cm  常见手机尺寸有5英寸、5.5英寸、6英寸等。

(2)屏幕分辨率,即手机在横向、纵向上的像素点数总和(一般描述成屏幕的”宽x高”)

例如1080dpx1920dp,即宽度方向上有1080个像素点,在高度方向上有1920个像素点,1px=1像素点

Android手机常见的分辨率:320x480、480x800、720x1280、1080x1920

(3)屏幕像素密度,即每英寸的像素点数,单位dpi

例如某设备为240x320,屏幕尺寸为3.3英寸,那么该设备的屏幕像素密度为400/3.3=120dpi,其中400为通过宽高像素勾股定理得出。

Android手机根据像素密度,可以分为以下几种屏幕密度类型:


 (4)密度无关像素,单位为dp,是Android特有的单位

Android开发时通常使用dp而不是px单位设置图片大小,因为它可以保证在不同屏幕像素密度的设备上显示相同的效果。

[java] view plain copy
 在CODE上查看代码片派生到我的代码片
  1. /** 
  2.  * dp与px的转换 
  3.  * Created by SEU_Calvin on 2016/09/28 
  4.  */  
  5. public class DensityUtils {  
  6.     public static int dp2px(float dp , Context context){  
  7.         float density = context.getResources().getDisplayMetrics().density;//即表中的0.75/1/1.5/2/3  
  8.         //context.getResources().getDisplayMetrics().densityDpi //即表中的120/160/240/320/480  
  9.         return (int)(dp * density + 0.5f);  
  10.     }  
  11.     public static float px2dp(int px , Context context){  
  12.         float density = context.getResources().getDisplayMetrics().density;  
  13.         return px/density;  
  14.     }  
  15. }  

(5)独立比例像素,单位为spAndroid开发时用于设置文字大小的单位

可根据字体大小首选项进行缩放,推荐使用12/14/18/22sp作为字体设置的大小,不推荐使用奇数和小数,容易造成精度的丢失问题。


介绍了上述基础概念,我们接下来从布局适配、图片适配、以及代码适配三个角度分别介绍屏幕适配的解决方案。


2. 布局适配

(1)推荐使用相对布局,禁用绝对布局。因为相对布局在屏幕的大小改变时视图之间的相对位置不会变化。

(2)使用dpsp(尽量不用px)、wrap_contentmatch_parentweight来控制布局。使用权重weight在任何设备上均会完美适配。

(3)为不同屏幕尺寸的设备设计不同的布局,通过配置限定符使得程序在运行时根据当前设备的尺寸自动加载合适的布局资源。

比如我们先写两个布局文件,分别为:

适配手机的布局(默认):res/layout/main.xml

适配尺寸>7寸平板的布局:res/layout/main_pb.xml

然后加入以下两个文件,系统会根据Android版本自动选择使用哪个布局配置文件。

[java] view plain copy
 在CODE上查看代码片派生到我的代码片
  1. //适配Android 3.2之前的平板布局  
  2. res/values-large/layout.xml  
  3. <resources>  
  4.     <item name="main" type="layout">@layout/main_pb</item>  
  5. </resources>  
  6.   
  7. //适配Android 3.2之后的平板布局  
  8. res/values-sw600dp/layout.xml  
  9. <resources>  
  10. <item name="main" type="layout">@layout/main_pb</item>  
  11. </resources>  

上述两个配置文件,并没有真正去定义布局,它们仅仅是将main设置成了@layout/main_pb的别名。 

如果不这样做,main_pb.xml布局文件的内容需要复制成两份分别放入res/layout-large/main.xml和res/layout-sw600dp/main.xml以适配3.2以前和以后,这样明显很冗余。

 

3. 图片适配

(1)比如有一个这样的需求,一个按钮的背景图片必须能够随着按钮大小的改变而改变。使用普通的图片将无法实现上述功能,因为运行时会均匀地拉伸或压缩你的图片。

这时候可以使用Nine-Patch(一种被特殊处理过的PNG图片,使用.9.png后缀名),9Patch图可以指定图片的拉伸区域和非拉伸区域,在需要拉伸图片时,系统就会自动地拉伸你想要拉伸的部分。需要注意的是,.9图不需要多个分辨率的图片,放在drawable文件夹即可。



红色框区域:表示纵向拉伸的区域,也就是说,当图片需要纵向拉伸的时候它会只指定拉伸红色区域。

绿色框区域:表示横向拉伸的区域,也就是说,当图片需要横向拉伸的时候它会只指定拉伸绿色区域。

 (2)图片不需要在下图hdpi、mdpi等目录下都放入相对应的分辨率的图片,这样会使APK变大,一般只做1280*720一套图,放在hdpixhdpi,若出问题再针对屏幕进行问题图片替换即可。另外对于如何减小APK大小,可以参考Android开发——减小APK大小


3. 代码适配

(1)比如有一个需求,需要实现一个空间宽度,是屏幕的1/3。这时候就可以用代码实现:

[java] view plain copy
 在CODE上查看代码片派生到我的代码片
  1. /** 
  2.  * 代码适配例子 
  3.  * Created by SEU_Calvin on 2016/09/28 
  4.  */  
  5. WindowManager wm = getWindowManager();     
  6. int width = wm.getDefaultDisplay().getWidth();  
  7. LinearLayout.LayoutParams params = (LayoutParams)tv.getLayoutParams();  
  8. params.width = width/3;  
  9. tv.setLayoutParams(params);  

需要注意的是,一般代码适配需要写一个工具类(上文中已经贴出了)来实现dp2px ,因为代码里的参数一般都需要px,需要通过不同设备的屏幕密度来实现dp2px。

 (2)代码适配的另一个使用场景是根据加载布局的不同,来决定走不同的流程,如下:

[java] view plain copy
 在CODE上查看代码片派生到我的代码片
  1. setContentView(R.layout.main_layout);//此处会根据屏幕大小加载不同的布局    
  2. Button btn = (Button)findViewById(R.id.btn);//其中一个布局没有该按钮    
  3. if(btn == null){    
  4.     //业务逻辑1...    
  5. }else{    
  6.     //业务逻辑2...    
  7. }    


至此关于屏幕适配的问题整理完毕

转载请注明出处:http://blog.csdn.net/seu_calvin/article/details/52690498

0 0
原创粉丝点击