zoukankan      html  css  js  c++  java
  • android 分辨率自适应

    1.术语和概念

    术语

    说明

    备注

    Screen size(屏幕尺寸)

    指的是手机实际的物理尺寸,比如常用的2.8英寸,3.2英寸,3.5英寸,3.7英寸

    摩托罗拉milestone手机是3.7英寸

    Aspect Ratio(宽高比率)

    指的是实际的物理尺寸宽高比率,分为long和nolong

    Milestone是16:9,属于long

    Resolution(分辨率)

    和电脑的分辨率概念一样,指手机屏幕纵、横方向像素个数

    Milestone是854*480

    DPI(dot per inch)

    每英寸像素数,如120dpi,160dpi等,假设QVGA(320*240)分辨率的屏幕物理尺寸是(2英寸*1.5英寸),dpi=160

    可以反映屏幕的清晰度,用于缩放UI的

    Density(密度)

    屏幕里像素值浓度,resolution/Screen size可以反映出手机密度,

    Density-independent pixel (dip)

    指的是逻辑密度计算单位,dip和具体像素值的对应公式是dip/pixel=dpi值/160,也就是px = dp * (dpi / 160)

    2. DPI值计算

    比如:计算WVGA(800*480)分辨率,3.7英寸的密度DPI,如图1所示

                   图1

    Diagonal pixel表示对角线的像素值(=),DPI=933/3.7=252

    3.手机屏幕的分类

    3.1根据手机屏幕密度(DPI)或屏幕尺寸大小分为以下3类,如图2所示

                            

                              图2

    3. 2手机屏幕分类和像素密度的对应关系如表1所示:

    Low density (120), ldpi

    Medium density (160), mdpi

    High density (240), hdpi

    Small screen

    QVGA (240x320)

    Normal screen

    WQVGA400 (240x400)WQVGA432 (240x432)

    HVGA (320x480)

    WVGA800 (480x800)WVGA854 (480x854)

    Large screen

    WVGA800* (480x800)WVGA854* (480x854)

                                          表1

    3.3手机尺寸分布情况(http://developer.android.com/resources/dashboard/screens.html)如图3所示,目前主要是以分辨率为800*480和854*480的手机用户居多


                                                            图3

       从以上的屏幕尺寸分布情况上看,其实手机只要考虑3-4.5寸之间密度为1和1.5的手机

    4 UI设计

    从开发角度讲,应用程序会根据3类Android手机屏幕提供3套UI布局文件,但是相应界面图标也需要提供3套,如表2所示

    Icon Type

    Standard Asset Sizes (in Pixels), for Generalized Screen Densities

    Low density screen (ldpi)

    Medium density screen (mdpi)

    High density screen (hdpi)

    Launcher

    36 x 36 px

    48 x 48 px

    72 x 72 px

    Menu

    36 x 36 px

    48 x 48 px

    72 x 72 px

    Status Bar

    24 x 24 px

    32 x 32 px

    48 x 48 px

    Tab

    24 x 24 px

    32 x 32 px

    48 x 48 px

    Dialog

    24 x 24 px

    32 x 32 px

    48 x 48 px

    List View

    24 x 24 px

    32 x 32 px

    48 x 48 px

                                            表2

    5 如何做到自适应屏幕大小呢?

    1)界面布局方面

       需要根据物理尺寸的大小准备5套布局,layout(放一些通用布局xml文件,比如界面中顶部和底部的布局,不会随着屏幕大小变化,类似windos窗口的title bar),layout-small(屏幕尺寸小于3英寸左右的布局),layout-normal(屏幕尺寸小于4.5英寸左右),layout-large(4英寸-7英寸之间),layout-xlarge(7-10英寸之间)

    2)图片资源方面

      需要根据dpi值准备5套图片资源,drawable,drawalbe-ldpi,drawable-mdpi,drawable-hdpi,drawable-xhdpi

    Android有个自动匹配机制去选择对应的布局和图片资源

    四种屏幕尺寸分类:: small, normal, large, and xlarge
    四种密度分类: ldpi (low), mdpi (medium), hdpi (high), and xhdpi (extra high)

    需要注意的是: xhdpi是从 Android 2.2 (API Level 8)才开始增加的分类.
    xlarge是从Android 2.3 (API Level 9)才开始增加的分类.
    DPI是“dot per inch”的缩写,每英寸像素数。

    一般情况下的普通屏幕:ldpi是120,mdpi是160,hdpi是240,xhdpi是320。

    两种获取屏幕分辨率信息的方法:

    DisplayMetrics metrics = new DisplayMetrics();
    Display display = activity.getWindowManager().getDefaultDisplay();
    display.getMetrics(metrics);
    //这里得到的像素值是设备独立像素dp

    //DisplayMetrics metrics=activity.getResources().getDisplayMetrics(); 这样获得的参数信息不正确,不要使用这种方式。
    不能使用android.content.res.Resources.getSystem().getDisplayMetrics()。这个得到的宽和高是空的。
    如果需要为Android pad定制资源文件,则res目录下的目录可能为:
    drawable
    drawable-ldpi
    drawable-mdpi
    drawable-hdpi
    drawable-xhdpi
    drawable-nodpi
    drawable-nodpi-1024×600
    drawable-nodpi-1280×800
    drawable-nodpi-800×480
    values
    values-ldpi
    values-mdpi
    values-hdpi
    values-xhdpi
    values-nodpi
    values-nodpi-1024×600
    values-nodpi-1280×800
    values-nodpi-800×480


  • 相关阅读:
    async 函数《ES6标准入门(第3版)》
    作用域是什么《你不知道的JavaScript(上)》
    Module 的加载实现《ES6标准入门(第3版)》
    数组的扩展《ES6标准入门(第3版)》
    【H5】真机调试
    Iterator 和 for...of 循环《ES6标准入门(第3版)》
    Promise 对象《ES6标准入门(第3版)》
    函数作用域和块作用域《你不知道的JavaScript(上)》
    macOS终端修改DNS
    Vue横向滚动鼠标控制
  • 原文地址:https://www.cnblogs.com/liulaolaiu/p/11744894.html
Copyright © 2011-2022 走看看