Android屏幕适配解析

1. 名词解析


(1) 通用名词


屏幕尺寸(screen size): 按照屏幕的对角线测量的实际大小;

--屏幕尺寸分类: 屏幕尺寸分为 小(small), 普通(normal), 大(large), 超大(extra large) 四种;

--自动渲染 : Android SDK根据屏幕实际尺寸, 选择一种方式(四选一)对布局进行渲染, 这是人为不可控的, 对程序员透明;


屏幕尺寸界线 : 屏幕的尺寸是按照dp计算的, dp越大, 尺寸越大;

--small(小屏) : 最少 320dp * 426dp;

--normal(普通) : 最少 320dp * 470dp;

--large(大屏) : 最少 480dp * 640dp;

--xlarge(超大) : 最少 720dp * 960dp;



屏幕长宽比(aspect ratio) : 手机屏幕物理宽度和物理高度比例关系, 程序中可以为指定长宽比屏幕提供布局资源;



屏幕分辨率(resolution) : 屏幕上显示的物理像素总和, 如 320 * 480;

--注意 : 分辨率不等于屏幕宽高比, 在Android程序中尽量避免直接使用px;



像素(px) : 实际的分辨率, 例如在 320 * 480分辨率手机上, 320 和 480 就是像素点;


分辨率(px)与设备独立像素(dip)比较: dip越大, 屏幕的尺寸越大, 分辨率越高, 越清晰, 屏幕大分辨率不一定大, 如电脑;


(2) Android设备相关名词



密度(density) : 在物理宽高范围内显示的像素数量, 同样屏幕大小的手机, 低密度显示的像素点少, 高密度显示的像素点多;

-- 资源分类 :固定像素宽高的UI资源(图片资源的宽高是按照像素确定的), 在低密度显得很大, 在高密度显示的很小, 因此为了使UI组件显示大致统一(不是绝对), 美工需要一种资源设置成4份不同像素的资源, 放到对应目录中去;



设备独立像素(dip/dp) : 该像素与设备硬件有关, 不同的设备显示效果不同, 与 实际密度 和 像素 无关;

-- 密度(dpi)无关 : 密度是每英寸包含像素个数, dip是基于屏幕物理密度的抽象单位;

-- dip与px等效情况 : 在密度为160dip的屏幕上, 1dip == 1px,320*480分辨率手机 宽2英寸 高3英寸, 那么手机密度为160dpi;

-- 屏幕不变分辨率改变 : 如果上面 2 * 3 英寸屏幕不变, 分辨率改成 480 * 800 分辨率, 这时每英寸的像素数量明显增加了, 即密度增加, 为240dpi, 2英寸有480像素; 屏幕不变的前提下 , 如果在160pi下100dip像素的实际长度 与 240dip下 100dip像素的实际长度是一样的;

-- 实际尺寸计算 : view组件使用dip作为单位, 如果在160dpi下直接按照像素点画出, 如果密度不是160dpi, 那么会计算一个转换比例, 这个比例与实际尺寸相乘得到新的像素点个数;

-- 计算公式: px = dip * density / 160; 当密度为160的时候, 屏幕的 px == dip;

-- Google建议: 在布局文件设置组件属性的时候, 尽量使用dip作为单位, 字体大小统一使用 sp 作为单位;



px与dip区别: 下面的情况是以屏幕尺寸不变为前提的;

-- px绘图 : 在320像素宽的手机上, 100px的长度 是 480宽度像素手机上长度的 2/3;

-- dip绘图 : 屏幕大小不变的情况下, 100dip 在320 480 像素手机上实际尺寸长度是一样的;



px与dip, px与sp之间转化工具类 : 

[java]  view plain copy 在CODE上查看代码片 派生到我的代码片
  1. public class DisplayUtils {  
  2.   
  3.     public static int px2dip(float pxValue, float scale) {  
  4.         return (int) (pxValue / scale + 0.5f);  
  5.     }  
  6.   
  7.     public static int dip2px(float dipValue, float scale) {  
  8.         return (int) (dipValue * scale + 0.5f);  
  9.     }  
  10.   
  11.     public static int px2sp(float pxValue, float fontScale) {  
  12.         return (int) (pxValue / fontScale + 0.5f);  
  13.     }  
  14.   
  15.     public static int sp2px(float spValue, float fontScale) {  
  16.         return (int) (spValue * fontScale + 0.5f);  
  17.     }  
  18.   
  19. }  

.

(3) 获取密度相关方法示例


注意 : 区分屏幕密度 和单个方向精确密度;

[java]  view plain copy 在CODE上查看代码片 派生到我的代码片
  1. package shuliang.han.displaytest;  
  2.   
  3. import android.app.Activity;  
  4. import android.os.Bundle;  
  5. import android.util.DisplayMetrics;  
  6.   
  7. public class MainActivity extends Activity {  
  8.   
  9.     //屏幕的宽高, 单位像素  
  10.     private int screenWidth;  
  11.     private int screenHeight;  
  12.       
  13.     //屏幕的密度  
  14.     private float density;  //只有四种情况 : 0.75/ 1.0/ 1.5/ 2.0  
  15.     private int densityDpi; //只有四种情况 : 120/ 160/ 240/ 320  
  16.       
  17.     //水平垂直精确密度  
  18.     private float xdpi; //水平方向上的准确密度, 即每英寸的像素点  
  19.     private float ydpi; //垂直方向上的准确密度, 即没音村的像素点  
  20.       
  21.     @Override  
  22.     protected void onCreate(Bundle savedInstanceState) {  
  23.         super.onCreate(savedInstanceState);  
  24.         setContentView(R.layout.activity_main);  
  25.           
  26.         //getPixelWindowManager();  
  27.         //getPixelDisplayMetrics();  
  28.         //getPixelDisplayMetricsII();  
  29.           
  30.         System.out.println("宽:" + screenWidth + ", 高:"+screenHeight);  
  31.         System.out.println("密度 density:" + density + ",densityDpi:" +densityDpi);  
  32.         System.out.println("精确密度 xdpi:" + xdpi + ", ydpi:" + ydpi);  
  33.     }  
  34.       
  35.     private void getPixelWindowManager() {  
  36.         screenWidth = getWindowManager().getDefaultDisplay().getWidth();  
  37.         screenHeight = getWindowManager().getDefaultDisplay().getHeight();  
  38.     }  
  39.       
  40.     private void getPixelDisplayMetrics() {  
  41.         DisplayMetrics dm = new DisplayMetrics();  
  42.         dm = getResources().getDisplayMetrics();  
  43.           
  44.         screenWidth = dm.widthPixels;  
  45.         screenHeight = dm.heightPixels;  
  46.           
  47.         density = dm.density;  
  48.         densityDpi = dm.densityDpi;  
  49.           
  50.         xdpi = dm.xdpi;  
  51.         ydpi = dm.ydpi;  
  52.     }  
  53.       
  54.     private void getPixelDisplayMetricsII() {  
  55.         DisplayMetrics dm = new DisplayMetrics();  
  56.         getWindowManager().getDefaultDisplay().getMetrics(dm);  
  57.           
  58.         screenWidth = dm.widthPixels;  
  59.         screenHeight = dm.heightPixels;  
  60.           
  61.         density = dm.density;  
  62.         densityDpi = dm.densityDpi;  
  63.           
  64.         xdpi = dm.xdpi;  
  65.         ydpi = dm.ydpi;  
  66.     }  
  67. }  


执行 getPixelWindowManager() 方法结果 :

[plain]  view plain copy 在CODE上查看代码片 派生到我的代码片
  1. 02-22 16:19:38.925: I/System.out(29606): 宽:1280, 高:752  
  2. 02-22 16:19:38.925: I/System.out(29606): 密度 density:0.0,densityDpi:0  
  3. 02-22 16:19:38.925: I/System.out(29606): 精确密度 xdpi:0.0, ydpi:0.0  

执行 getPixelDisplayMetrics() 方法结果  : 

[plain]  view plain copy 在CODE上查看代码片 派生到我的代码片
  1. 02-22 16:20:40.225: I/System.out(29763): 宽:1280, 高:752  
  2. 02-22 16:20:40.225: I/System.out(29763): 密度 density:1.0,densityDpi:160  
  3. 02-22 16:20:40.225: I/System.out(29763): 精确密度 xdpi:149.82489, ydpi:150.51852  

执行 getPixelDisplayMetricsII() 方法结果  : 

[plain]  view plain copy 在CODE上查看代码片 派生到我的代码片
  1. 02-22 16:21:11.230: I/System.out(29911): 宽:1280, 高:752  
  2. 02-22 16:21:11.230: I/System.out(29911): 密度 density:1.0,densityDpi:160  
  3. 02-22 16:21:11.230: I/System.out(29911): 精确密度 xdpi:149.82489, ydpi:150.51852  

.


2. 真实密度(像素计算)和归一化密度(物理长度计算)



px与dp换算公式 : px = dip * density / 160;


计算像素点使用的是归一化密度, 计算实际尺寸使用的是精确的物理密度;


真实密度 : 每英寸含有的像素点数, 拿我使用的三星GT-N8000为例, 水平方向上的真实密度为 每英寸149.82像素, 垂直方向上的真实密度为 每英寸150.51像素;

-- 运算不按照该方式 : 按照该密度计算 1280dp对应的是 1280 * 149.82 / 160 = 1198.4 个像素;


举例 : 

给一个Textview控件设置1280dp的宽度, 然后可以看到该组件横向沾满宽度, 按照实际运算该1280dp对应的是1198个像素, 是无法占满整个屏幕的;

XML布局文件 : 

[html]  view plain copy 在CODE上查看代码片 派生到我的代码片
  1. <LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"  
  2.     xmlns:tools="http://schemas.android.com/tools"  
  3.     android:layout_width="match_parent"  
  4.     android:layout_height="match_parent"  
  5.     tools:context=".MainActivity" >  
  6.   
  7.     <TextView  
  8.         android:layout_width="1280dp"  
  9.         android:layout_height="wrap_content"  
  10.         android:background="#FF0000"  
  11.         android:text="@string/hello_world" />  
  12.   
  13. </LinearLayout>  

效果图  : 




归一化密度 : 在Android中从DisplayMetrics中获取的density 和 densityDpi 就是归一化密度;

-- 固定值 : 归一化的密度是有固定值的, 这个固定值是 120dpi(ldpi) , 160dpi(mdpi), 240dpi(ldpi), 320dpi(xldpi), 480dpi(xxldpi) Android中计算像素使用的密度是这五个值之一;

-- 实际尺寸不准确 : 如果想要在屏幕上划出1英寸的直线, 使用归一化密度计算这个值是错误的;


下面计算三星GT-N8000中水平方向上100dip所占有的像素个数和实际长度 : 

-- 计算像素个数: 计算像素个数需要使用归一化密度, 该设备的归一化密度为 160dpi, 因此根据 px = dip * densityDpi / 160 , 进行计算, px = 100 * 160 / 160, 对应的像素个数为100px;

-- 计算实际尺寸: 按照英寸计算, 先计算出像素个数, 然后根据像素个数 和 精确物理密度 计算实际尺寸, 上面计算出了像素个数为100px, 水平方向上每英寸149.82489 个像素, 100px / 149.82489px/inch * 1inch = 0.6674inch, 因此100dpi对应的实际尺寸为 0.6674英寸;

.



3. Android中资源适配


(1) 图片资源适配


图片资源失真问题: 图片资源的大小是按照像素计算的, 在密度不同的时候显示大小也不相同, 因此会根据密度的不同制作不同像素的图片, 以避免失真;

-- 低密度手机显示 : 如果在低密度的手机上, 分辨率低, 图片占用像素个数不变, 图片会显得很大;

-- 高密度手机显示 : 如果在高密度的手机上, 分辨率高, 图片占用像素个数不变, 图片会显得很小; 


根据密度选择资源 : 根据屏幕密度选择资源, 这种方式是Android默认的, 在res下有以下文件 : 


-- 密度为120时 : 使用drawable-ldpi目录中的资源;

-- 密度为160时 : 使用drawable-mdpi目录中的资源;

-- 密度为240时 : 使用drawable-hdpi目录中的资源;

-- 密度为320时 : 使用drawable-xdpi目录中的资源;

-- 密度为480时 : 使用drawable-xxdpi目录中的资源;


保持图片不失真 : 从这个角度来讲, 可以只定义高密度资源, 然后使用dip单位限制图片显示父容器的大小, 也可以有很好的效果, 不过这样效率会很低;


根据屏幕尺寸适配 : 

-- small小屏幕 : 使用drawable-small目录中的图片资源;

-- normal普通屏幕 : 使用drawable-normal目录中的图片资源;

-- large大屏幕 : 使用drawable-large目录中的图片资源;

-- xlarge超大屏幕 : 使用drawable-xlarge目录中的图片资源; 


同时根据屏幕尺寸和密度适配 : 如适配大屏幕的中等密度 使用 drawable-large-mdpi目录下的图片资源;



(2) 布局文件适配


横竖屏布局适配 : 手机屏幕横竖屏切换的时候, 显然竖屏时的布局不能适配横屏的情况;

-- 竖屏布局 : 竖屏的情况下会自动加载 res/layout-port 目录下的布局文件;

-- 横屏布局 : 横屏的情况下会自动加载 res/layout-land 目录下的布局文件;


如果只设置一个布局 : 禁用自动切换, 只是用横屏 或者 只是用竖屏 进行布局;

-- 横竖屏设置 : 在AndroidManifest.xml 文件中设置activity的android:screenOrientation, 属性值为portrait的时候是竖屏显示, 属性值为landscape时是横屏显示;


分辨率布局适配 : Android中可以根据不同的分辨率自动适配对应的布局文件;

-- 例320*480分辨率: 使用res/layout-320x480目录下的布局文件;

-- 例480*800分辨率 : 使用res/layout-480x800目录下的布局文件;


综合情况: 分辨率320*480情况下分横竖屏两种情况;

-- 320*480分辨率横屏: 使用res/layout-land-320x480目录下的布局文件;

-- 320*480分辨率竖屏 : 使用res/layout-port-320x480目录下的布局文件;



根据屏幕尺寸选择布局文件 : 与适配图片资源文件类似;


(3) 精确适配


精确适配 : 3.2以上版本可以设置精确适配, 可以任意设置宽高的独立像素;

-- 宽320dp高480dp密度160dpi: drawable-w320dp-h480dp-160dpi, 其中w320dp表示屏幕宽度320dip, h480dp表示屏幕高度480dp, 160dpi表示密度;



Android中支持许多资源,包括图片(Bitmap),对应于bitmap的文件夹是drawable,除了drawable,还有drawable-ldpi、drawable-mdpi、drawable-hdpi、drawable-xhdpi、drawable-xxhdpi等,同一张图片放到上面不同的文件夹中是有区别的,比如一张100 * 100像素大小的图片,分别放在上述各个文件夹中,然后将其设置为ImageView(假设宽高都是wrap_content)的图片,那么这个ImageView的大小是多少呢,或者说图片的大小是多少呢?本文主要和大家阐述这个问题。当然,还有一个问题,如果在上述各个文件夹中都放置一张相同的图片(内容相同,尺寸不同),那么系统会选择加载哪一张图片呢?这个问题,系统有内部的选择机制,简单来说:系统会选择最接近手机屏幕密度的图片,由于这个问题和本文主题关系不是很大,所以暂时不讨论此类问题。

概念

先介绍一些概念:

屏幕密度:单位英寸面积上的像素点数

ldpi:   屏幕密度为120的手机设备

mdpi: 屏幕密度为160的手机设备(此为baseline,其他均以此为基准,在此设备上,1dp = 1px)

hdpi:  屏幕密度为240的手机设备

xhdpi: 屏幕密度为320的手机设备

xxhdpi:屏幕密度为480的手机设备

图片大小以及dp和px关系一览表


说明:根据上表,我们应该很容易算出一张图片在不同手机上的宽和高是多少。

结论

从上表可以得出如下结论

1. 图片放在drawable中,等同于放在drawable-mdpi中,原因为:drawable目录不具有屏幕密度特性,所以采用基准值,即mdpi

2. 图片放在某个特定drawable中,比如drawable-hdpi,如果设备的屏幕密度高于当前drawable目录所代表的密度,则图片会被放大,否则会被缩小

  放大或缩小比例 = 设备屏幕密度 / drawable目录所代表的屏幕密度

3. 为了更全面的适配所有设备,我们应该提供一套针对主流屏幕密度的图片(目前为hdpi或xhdpi),其他密度通过系统自动缩放得到图片


相关链接:http://blog.csdn.net/shulianghan/article/details/19698511

                 http://blog.csdn.net/singwhatiwanna/article/details/19139013


评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值