Android像素转换的研究(一)

转自:http://blog.csdn.net/yihui823/article/details/6734341

基本概念

1.   px(pixels):像素

是绘图的基本元素。我们说的屏幕分辨率,就是指像素。如果手机的分辨率是480*800,那么手机宽有480个像素,长有800个像素。这个像素是固定的。如果画一条直线,以像素为单位从0,0到240,400,那么就是一条从左上角到屏幕中间的一条直线。

2.     dpi(Dots Per Inch):像素密度

的缩写。每英寸所打印的点数或线数。

DPI 原来是印刷上的记量单位,意思是每个英寸上,所能印刷的网点数(Dot Per Inch)。但随着数字输入,输出设备快速发展,大多数的人也将数字影像的解析度用DPI表示,但较为严谨的人可能注意到,印刷时计算的网点(Dot)和电脑显示器的显示像素(Pixel)并非相同,所以较专业的人士,会用PPI(Pixel Per Inch)表示数字影像的解析度,以区分二者。

简单的就可以这么理解,每个固定尺寸内,有多少个像素。例如相同的像素,在越小的尺寸内显示,那么像素密度就高。密度高的效果,就是画面细腻。同样的一条斜线,在密度高的设备上显示,就不容易出现锯齿;在密度低的设备上显示,就容易出现锯齿。

我们看下面这两幅图:

pix-001

  Android像素转换的研究(一)

pix-002

Android像素转换的研究(一)

相同的图片大小,第一副图的像素密度大(50*50像素),第二副图的像素密度小(5*5像素),是不是看上去完全不同啊。

在Android创建虚拟机的时候,就有一个参数:density。这个和dpi应该是一个概念。

3.   dip(device independent pixels):设备独立像素.

指一个抽象意义上的像素,程序用它来定义界面元素。它作为一个与实际密度无关的单位,帮助程序员构建一个布局方案(界面元素的宽度,高度,位置)。

dip是android抽象出来的概念。他主要的目的是什么?google为什么要推荐用dip来布置屏幕?

实验一

相同dip显示效果

我们用一个dip表示的按钮来看看效果。

为了便于对比,我们在按钮下面放置一个自己定制的View。

layout的xml文件:

package com.study.about.dip;  
   
import android.content.Context;  
import android.graphics.Canvas;  
import android.graphics.Color;  
import android.graphics.Paint;  
import android.util.AttributeSet;  
import android.util.Log;  
import android.util.TypedValue;  
import android.view.View;  
   
public class ViewForShow extends View {  
         private Paint mPaint = new Paint();  
   
         public ViewForShow(Context context) {  
                   super(context);  
         }  
   
         public ViewForShow(Context context, AttributeSet attrs) {  
                   super(context, attrs);  
         }  
   
         public ViewForShow(Context context, AttributeSet attrs, int defStyle) {  
                   super(context, attrs, defStyle);  
         }  
   
         public void draw(Canvas canvas) {  
                   mPaint.setColor(Color.RED);  
                   canvas.drawLine(0, 0, 120, 160, mPaint);  
                   mPaint.setColor(Color.GREEN);  
                   canvas.drawLine(0, 320, 120, 160, mPaint);  
                   mPaint.setColor(Color.YELLOW);  
                   canvas.drawLine(240, 0, 120, 160, mPaint);  
                   mPaint.setColor(Color.BLUE);  
                   canvas.drawLine(240, 320, 120, 160, mPaint);  
         }  
}  


代码的功能,就是画4条直线,以绝对像素标识出来做对比。然后在直线上层,放置一个240 * 320 dpi的按钮。我们看看dpi跟像素的关系。

 我们通过启动不同的虚拟机来对比显示效果。

对比1:

我们先比较,屏幕长宽比例相同,不同分辨率的情况。

虚拟机1:

pix-003

Android像素转换的研究(一)

显示的效果如下:

pix-004

 Android像素转换的研究(一)

虚拟机2:

pix-005

Android像素转换的研究(一)

显示的效果如下:

pix-006

Android像素转换的研究(一)

我们可以看出来,两个显示屏的按钮,是同比例显示在屏幕上的。四条彩色的直线是按绝对像素来画的,按钮是按dip来画的。在density=120的时候,240dip = 180px;在density=160的时候,240dip = 240px。

基本上,我们可以得出一个结论:

相同的dip,在不同分辨率的屏幕上,在屏幕的相对宽度是一样的。所谓相对宽度,可以理解为是控件占有屏幕的百分比。

在density = 160的时候,1dip =1px

我们可以得到这么一个公式:

density :160 = px : dip

不过,公式只是拿来演算用的。真正的用意应该是,如果用dip像素摆好了屏幕的控件,无论屏幕大小变换,控件的相对大小是不变的。这也就是google想的,“与设备无关”的意义了。

相关推荐