DPI 计算及速查表

【来源】ExMobi 二次开发手册

手机屏幕根据密度范围分为五种:低、中、高、超高、超超高,为了确保界面元素在不同的屏幕都能合适的展示,在设计界面元素的 UI 时,UI 工程师建议统一采用 dpi (Dots Per Inch) 来定义界面元素。

计算手机dpi,需要知道手机屏幕尺寸和手机分辨率。即

 

手机分辨率 屏幕尺寸(Inch) 实际 DPI 分屏 DPI 值
480 x 800 4 英寸 233 高分屏 [188,300) 240
480 x 854 3.7 英寸 265 高分屏 [188,300) 240
1024 x 768 9.7 英寸 132 中分屏 [121,188) 160
320 x 480 3.5 英寸 165 中分屏 [121,188) 160
640 x 960 3.5 英寸 330 超高分屏 [300,420) 320
1920 x 1080 5 英寸 440 超超高分屏 [420, ) 480

 

 

 

 

 

 

 

【示例】

三星 i9000,屏幕尺寸 4 英寸,分辨率 480 * 800。套入公式

计算结果取近似值 233,即三星 i9000 的 dpi 为 233。介于高分屏区间 [188,300],所以取 240.

在实际设计中,UI 度量单位以 640*960 设计图为基准,测量实际尺寸除以 2。现在以 720*1280 设计图为基准。

 1 /**
 2      * 获得屏幕相对的宽度和高度<br />
 3      * 横屏时候宽度大于高度,竖屏时候高度大于宽度
 4      * 
 5      * param windowManager
 6      * return <br />
 7      *         point.x:宽度,point.y:高度
 8      */
 9     @SuppressLint("NewApi")
10     public static Point getScreenSize(WindowManager windowManager) {
11         Point point = new Point(0, 0);
12         if (Build.VERSION.SDK_INT < Build.VERSION_CODES.HONEYCOMB_MR2) {
13             point.x = windowManager.getDefaultDisplay().getWidth();
14             point.y = windowManager.getDefaultDisplay().getHeight();
15         } else {
16             windowManager.getDefaultDisplay().getSize(point);
17         }
18 
19         return point;
20     }
获得屏幕的宽度和密度
public static int getScreenWidth(Context context) {  
        WindowManager manager = (WindowManager) context  
                .getSystemService(Context.WINDOW_SERVICE);  
        Display display = manager.getDefaultDisplay();  
        return display.getWidth(); 
        
    }
    
    public static float getScreeDensity(Context context){
        WindowManager manager = (WindowManager) context  
                .getSystemService(Context.WINDOW_SERVICE);  
        DisplayMetrics metric = new DisplayMetrics();
        manager.getDefaultDisplay().getMetrics(metric);

        float density = metric.density;  // 密度(0.75 / 1.0 / 1.5 / 2.0)
        //int densityDpi = metric.densityDpi;
        return density;
    }

根据屏幕大小调整尺寸

1 // 根据屏幕和图片大小调整显示尺寸
2             int justShowViewHeight = mScreenSize.x * 150 / 640;
3             LayoutParams justShowParams = mJustShowImg.getLayoutParams();
4             justShowParams.height = justShowViewHeight;
5             mJustShowImg.setLayoutParams(justShowParams);
6             Picasso.with(mActivity).load(R.drawable.fragment_main_justshow).into(mJustShowImg);

 

posted @ 2015-08-23 18:18  壬子木  阅读(9304)  评论(0编辑  收藏  举报