Android屏幕适配解析 - 详解像素,设备独立像素,归一化密度,精确密度及各种资源对应的尺寸密度分辨率适配问题

最近遇到了一系列的屏幕适配问题, 以及屏幕画图像素密度相关的问题, 索性在这里全部总结下;


1. 名词解析


在之前写过的 AndroidUI设计之 布局管理器 - 详细解析布局实现 中的 第七 小节已经说明了一部分;


(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
  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
  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
  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
  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
  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
  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,px,dip,dpi)