UIAndroid开发Android知识

android 屏幕适配注意点

2017-12-04  本文已影响24人  Jcccccccccc

相关概念

屏幕尺寸

Android手机常见的尺寸有5寸、5.5寸、6寸等等

屏幕分辨率

  1. 一般描述成屏幕的"宽x高”=AxB

  2. 含义:屏幕在横向方向(宽度)上有A个像素点,在纵向方向

    (高)有B个像素点

  3. 例子:1080x1920,即宽度方向上有1080个像素点,在高度方向上有1920个像素点

UI设计师的设计图会以px作为统一的计量单位

屏幕像素密度

假设设备内每英寸有160个像素,那么该设备的屏幕像素密度=160dpi

| 密度类型 | 代表的分辨率(px) | 屏幕像素密度(dpi)|

| ------------- |:-------------:|

| 低密度(ldpi) | 240x320 | 120 |

| 中密度(mdpi) | 320x480 | 160 |

| 高密度(hdpi) | 480x800 | 240|

| 超高密度(xhdpi) | 720x1280 | 320|

| 超超高密度(xxhdpi) | 1080x1920 | 480 |

屏幕尺寸、分辨率、像素密度三者关系

一部手机的分辨率是宽x高,屏幕大小是以寸为单位,那么三者的关系是:

image

dp

| 密度类型 | 代表的分辨率(px) | 屏幕密度(dpi)|换算(px/dp) |比例|
| ------------- |:-------------:| -------------:| -------------:|
| 低密度(ldpi) | 240x320 | 120 |1dp=0.75px|3|
| 中密度(mdpi) | 320x480 | 160 |1dp=1px|4|
| 高密度(hdpi) | 480x800 | 240|1dp=1.5px|6|
| 超高密度(xhdpi) | 720x1280 | 320|1dp=2px|8|
| 超超高密度(xxhdpi) | 1080x1920 | 480 |1dp=3px|12|

在Android中,规定以160dpi(即屏幕分辨率为320x480)为基准:1dp=1px

独立比例像素

含义:scale-independent pixel,叫sp或sip
单位:sp
Android开发时用此单位设置文字大小,可根据字体大小首选项进行缩放
推荐使用12sp、14sp、18sp、22sp作为字体设置的大小,不推荐使用奇数和小数,容易造成精度的丢失问题;小于12sp的字体会太小导致用户看不清

节省设计资源&工作量

在现在的App开发中(iOS和Android版本),有些设计师为了保持App不同版本的体验交互一致,可能会以iPhone手机为基础进行设计,包括后期的切图之类的。
设计师们一般都会用最新的iPhone6和iPhone5s(5s和5的尺寸以及分辨率都一样)来做原型设计,所有参数请看下图

|机型| 分辨率(px) | 屏幕尺寸(inch) | 系统密度(dpi)|
| ------------- |:-------------:| -------------:|
|iPhone 5s| 640X1164 | 4 | 332 |
|iPhone 6| 1334x750 | 4.7 | 326 |
| iPhone 6 Plus | 1080x1920 |5| 400 |

iPhone主流的屏幕dpi约等于320, 刚好属于xhdpi,所以选择xhdpi作为唯一一套dpi图片资源,可以让设计师不用专门为Android端切图,直接把iPhone的那一套切好的图片资源放入drawable-xhdpi文件夹里就好,这样大大减少的设计师的工作量!

上一篇下一篇

猜你喜欢

热点阅读