久久久久久久av_日韩在线中文_看一级毛片视频_日本精品二区_成人深夜福利视频_武道仙尊动漫在线观看

Android手機UI設計分辨率基礎知識

  1.術語和概念

  Android手機ui設計分辨率基礎知識

Android手機UI設計分辨率基礎知識(DPI,DIP計算)

  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所示

Android手機UI設計分辨率基礎知識  三聯

  圖1

Diagonal pixel表示對角線的像素值(=

Android手機UI設計分辨率基礎知識(DPI,DIP計算)

),DPI=933/3.7=252

  3.手機屏幕的分類

  1)根據手機屏幕密度(DPI)或屏幕尺寸大小分為以下3類,如圖2所示

Android手機UI設計分辨率基礎知識(DPI,DIP計算)

  圖2

  2)手機屏幕分類和像素密度的對應關系如表1所示:

Android手機UI設計分辨率基礎知識(DPI,DIP計算)

  Low density (120), ldpi

  Medium density (160), mdpi

  High density (240), hdpi

  Small screen

  QVGA (240×320)

  Normal screen

  WQVGA400 (240×400)WQVGA432 (240×432)

  HVGA (320×480)

  WVGA800 (480×800)WVGA854 (480×854)

  Large screen

  WVGA800* (480×800)WVGA854* (480×854)

  表1

  3)手機尺寸分布情況(http://developer.android.com/resources/dashboard/screens.html)如圖3所示,目前主要是以分辨率為800*480和854*480的手機用戶居多

Android手機UI設計分辨率基礎知識(DPI,DIP計算)

  圖3

  從以上的屏幕尺寸分布情況上看,其實手機只要考慮3-4.5寸之間密度為1和1.5的手機

  4. ui設計

  從開發角度講,應用程序會根據3類Android手機屏幕提供3套UI布局文件,但是相應界面圖標也需要提供3套,如表2所示

Android手機UI設計分辨率基礎知識(DPI,DIP計算)

  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有個自動匹配機制去選擇對應的布局和圖片資源

【網站聲明】本站除付費源碼經過測試外,其他素材未做測試,不保證完整性,網站上部分源碼僅限學習交流,請勿用于商業用途。如損害你的權益請聯系客服QQ:2655101040 給予處理,謝謝支持。

相關文檔推薦

這篇文章給大家詳細介紹了HTML頁面跳轉及參數傳遞問題,需要的朋友參考下吧
這篇文章主要介紹了純css實現照片墻3D效果的示例代碼,可以實現鼠標經過圖片實現改變,具有一定的參考價值,感興趣的小伙伴們可以參考一下
本篇文章主要介紹了純 Css 繪制扇形的方法示例,小編覺得挺不錯的,現在分享給大家,也給大家做個參考。一起跟隨小編過來看看吧
本篇文章主要介紹了一份純CSS loading效果代碼示例,小編覺得挺不錯的,現在分享給大家,也給大家做個參考。一起跟隨小編過來看看吧
這篇文章主要介紹了css 實現文字過長自動隱藏功能,需要的朋友可以參考下
本篇文章主要介紹了詳解CSS3 rem(設置字體大小) 教程,小編覺得挺不錯的,現在分享給大家,也給大家做個參考。一起跟隨小編過來看看吧
主站蜘蛛池模板: 欧美日韩国产一区 | 天天干天天干 | 久久香焦 | 中文字幕av高清 | 亚洲精品二区 | 久久成| 国产电影一区 | 久久免费精彩视频 | 黑人巨大精品欧美一区二区免费 | 国产美女高潮 | 日韩一区二区三区精品 | 福利久久 | 亚洲精品2区 | 噜噜噜噜狠狠狠7777视频 | 欧美女优在线观看 | 在线a视频| 国产一级一片免费播放 | 九九九久久国产免费 | 久久久日韩精品一区二区三区 | 我爱操| 中文字字幕一区二区三区四区五区 | 日韩av在线一区二区 | 中文字幕在线观看一区二区 | 成人av网站在线观看 | 国产精品美女久久久久aⅴ国产馆 | 亚洲va欧美va天堂v国产综合 | 成人教育av | 国产精品成人一区 | 国产精品观看 | 亚洲精品乱码久久久久久蜜桃 | 欧美黑人一区二区三区 | 国产91丝袜在线播放 | 欧美一区二区三区的 | 久久99精品久久久久久 | 亚洲精品在线视频 | 亚洲 91| 99久久精品免费 | 欧美成人精品激情在线观看 | 一级aaaaaa毛片免费同男同女 | 北条麻妃99精品青青久久主播 | 成人午夜 |