Android屏幕适配解决方案

Android屏幕适配解决方案

一、屏幕相关基本概念

1.屏幕分辨率

手机在横向和纵向上的像素点数总和,单位是像素(pixel),1px = 1像素点,举个例子,1080x1920,即宽度方向上有1080个像素点,在高度方向上有1920个像素点。

2.屏幕尺寸

屏幕尺寸指屏幕的对角线的长度,单位是英寸,1英寸=2.54厘米
,比如常见的屏幕尺寸有2.4、2.8、3.5、3.7、4.2、5.0、5.5、6.0等

3.屏幕像素密度(dpi)

屏幕像素密度是指每英寸上的像素点数,单位是dpi,即“dot per inch”的缩写。屏幕像素密度与屏幕尺寸和屏幕分辨率有关,在单一变化条件下,屏幕尺寸越小、分辨率越高,像素密度越大,反之越小。假设1英寸上像素点为160个,那么该屏幕像素密度为160dpi,同理可知其余屏幕像素密度。

为简便起见,Android 将所有屏幕密度分组为六种通用密度: 低、中、高、超高、超超高和超超超高。

  • ldpi(低)~ 120dpi
  • mdpi(中)~ 160dpi
  • hdpi(高)~ 240dpi
  • xhdpi(超高)~ 320dpi
  • xxhdpi(超超高) ~ 480dpi
  • xxxhdpi(超超超高)~ 640dpi
image

4.屏幕相关单位

  • px:像素单位,屏幕上像素点的大小不是固定的,像素点可大可小

  • dp:长度单位,与具体屏幕像素无关,显示的时候根据具体平台屏幕密度的不同最终转换为相应的像素长度,具体转换规则是: 1px = (dpi/标准密度<160dpi>)*dp,标准密度为160dpi,例如,1dp长度在密度为160dpi的平台表示一个像素的长度,而在240dpi的平台则表示1.5个像素的长度

    Density-independent pixel (dp)独立像素密度。标准是160dip.即1dp对应1个pixel,计算公式如:px = dp * (dpi / 160),屏幕密度越大,1dp对应 的像素点越多。
    上面的公式中有个dpi,dpi为DPI是Dots Per Inch(每英寸所打印的点数),也就是当设备的dpi为160的时候1px=1dp;

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

5.屏幕密度无关像素dp(dip)

Density Independent Pixels,即密度无关像素。
dip和dp是一个意思,都是Density Independent Pixels的缩写,即密度无关像素,上面我们说过,dpi是屏幕像素密度,假如一英寸里面有160个像素,这个屏幕的像素密度就是160dpi,那么在这种情况下,dp和px如何换算呢?在Android中,规定以160dpi为基准,1dip=1px,如果密度是320dpi,则1dip=2px,以此类推。

  • 120dpi 1px=0.75*1dp

  • 160dpi, 1px = 1dp

  • 240dpi, 1px = 1.5*1dp

  • 320dpi, 1px = 2*1dp

  • 480dpi, 1px = 3*1dp

  • 640dpi, 1px = 4*1dp

    名称 屏幕密度 通常分辨率
    ldpi 120dpi 320*240
    mhdpi 160dpi 320*480
    hdpi 240dpi 480*800
    xhdpi 320dpi 720*1280
    xxhdpi 480dpi 1080*1920
    xxxhdpi 640dpi 1440*2560
    drawable名称 dpi density
    drawable-ldpi dpi=120 density=0.75
    drawable-mdpi dpi=160 density=1
    drawable-hdpi dpi=240 density=1.5
    drawable-xhdpi dpi=320 density=2
    drawable-xxhdpi dpi=480 density=3

6.屏幕适配之图片适配

image
image

在设计图标时,对于5种主流的像素密度(mdpi,hdpi,xhdpi,xxhdpi和xxxdpi)应按照2:3:4:6:8的比例进行缩放。例如一个启动图片ic_launcher.png,它在各个像素密度文件夹下大小为:

  • ldpi(低)36*36 (0.75x)
  • mdpi(中)48*48 (1x)
  • hdpi(高)72*72 (1.5x)
  • xhdpi(超高)96*96 (2x)
  • xxhdpi(超超高)144*144 (3x)
  • xxxhdpi(超超超高)192*192 (4x)

1.存在问题

  • 每套分辨率出一套图,为美工或者设计增加了许多工作量
  • 对Android工程文件的apk包变的很大

2.解决方法

  • Android SDK加载图片流程

    1. Android SDK会根据屏幕密度自动选择对应的资源文件进行渲染加载,比如说,SDK检测到你手机的分辨率是xhdpi,会优先到xhdpi文件夹下找对应的图片资源
    2. 如果xhdpi文件夹下没有图片资源,那么就会去分辨率高的文件夹下查找,比如xxhdpi,直到找到同名图片资源,将它按比例缩小成xhpi图片
    3. 如果往上查找图片还是没有找到,那么就会往低分辨率的文件夹查找,比如hdpi,直到找到同名图片资源,将它按比例放大成xhpi图片
  • 推荐使用尺寸:xhdpi

    xhdpi目前主流,如果选用太低分辨率的图片,那么在高分辨率手机上显示就会模糊
    iPhone主流的屏幕dpi约等于320, 刚好属于xhdpi,设计只需切一套图就好了。

二、限定符

1.尺寸限定符

  • 在手机较小的屏幕上,加载layout文件夹布局
  • 在平板电脑和电视的屏幕(>7英寸)上, 加载layout-large文件夹的布局
  • Android3.2版本之前

2.最小宽度限定符(在Android3.2版本及之后版本)

  • 在手机较小的屏幕上,加载layout文件夹布局
  • 标准7英寸平板(其最小宽度为 600 dp),加载layout-sw600dp文件夹的布局

3.布局别名

  • 适配手机的单面板(默认)布局:res/layout/activity_main.xml
  • 适配尺寸>7寸平板的双面板布局(Android3.2前):res/layout-large/activity_main.xml
  • 适配尺寸>7寸平板的双面板布局(Android3.2后):res/layout-sw600dp/activity_main.xml

这样会导致多个文件夹下出现相同命名的xml文件,为了解决这个问题,我们使用了布局别名的方式:

  • 适配手机的单面板(默认)布局:res/layout/activity_main.xml
  • 适配尺寸>7寸平板的双面板布局:res/layout/activity_twopanes.xml
    res/values/layout.xml
    <?xml version="1.0" encoding="utf-8"?>
    <resources>
        <item name="main" type="layout">@layout/activity_main</item>
    </resources>
  • res/values-large/layout.xml(Android3.2之前)
    <?xml version="1.0" encoding="utf-8"?>
    <resources>
        <item name="main" type="layout">@layout/activity_twopanes</item>
    </resources>
  • res/values-sw600dp/layout.xml
    <?xml version="1.0" encoding="utf-8"?>
    <resources>
        <item name="main" type="layout">@layout/activity_twopanes</item>
    </resources>
  • setContentView(R.layout.main);

4.屏幕方向限定符

  • res/layout-land
  • res/layout-port
  • res/layout-sw600dp-land
  • res/layout-sw600dp-port

5.屏幕适配之dimen适配

即使使用dp,依然不能解决屏幕分辨率的适配问题,我们可以针对不同的屏幕创建不同的dimen值,因此我们需要根据不同屏幕创建相应的values文件夹以及dimens.xml文件

  • res/values/dimens.xml
    <resources>
     <dimen name="button_length_1">180dp</dimen>
     <dimen name="button_length_2">160dp</dimen>
    </resources>
  • res/values-480x800/dimens.xml
    <resources>
     <dimen name="button_length_1">113dp</dimen>
     <dimen name="button_length_2">100dp</dimen>
    </resources>

特别提示:此dimen适配方式也适用于layout,values资源文件

三、参考文章

©著作权归作者所有,转载或内容合作请联系作者
  • 序言:七十年代末,一起剥皮案震惊了整个滨河市,随后出现的几起案子,更是在滨河造成了极大的恐慌,老刑警刘岩,带你破解...
    沈念sama阅读 211,639评论 6 492
  • 序言:滨河连续发生了三起死亡事件,死亡现场离奇诡异,居然都是意外死亡,警方通过查阅死者的电脑和手机,发现死者居然都...
    沈念sama阅读 90,277评论 3 385
  • 文/潘晓璐 我一进店门,熙熙楼的掌柜王于贵愁眉苦脸地迎上来,“玉大人,你说我怎么就摊上这事。” “怎么了?”我有些...
    开封第一讲书人阅读 157,221评论 0 348
  • 文/不坏的土叔 我叫张陵,是天一观的道长。 经常有香客问我,道长,这世上最难降的妖魔是什么? 我笑而不...
    开封第一讲书人阅读 56,474评论 1 283
  • 正文 为了忘掉前任,我火速办了婚礼,结果婚礼上,老公的妹妹穿的比我还像新娘。我一直安慰自己,他们只是感情好,可当我...
    茶点故事阅读 65,570评论 6 386
  • 文/花漫 我一把揭开白布。 她就那样静静地躺着,像睡着了一般。 火红的嫁衣衬着肌肤如雪。 梳的纹丝不乱的头发上,一...
    开封第一讲书人阅读 49,816评论 1 290
  • 那天,我揣着相机与录音,去河边找鬼。 笑死,一个胖子当着我的面吹牛,可吹牛的内容都是我干的。 我是一名探鬼主播,决...
    沈念sama阅读 38,957评论 3 408
  • 文/苍兰香墨 我猛地睁开眼,长吁一口气:“原来是场噩梦啊……” “哼!你这毒妇竟也来了?” 一声冷哼从身侧响起,我...
    开封第一讲书人阅读 37,718评论 0 266
  • 序言:老挝万荣一对情侣失踪,失踪者是张志新(化名)和其女友刘颖,没想到半个月后,有当地人在树林里发现了一具尸体,经...
    沈念sama阅读 44,176评论 1 303
  • 正文 独居荒郊野岭守林人离奇死亡,尸身上长有42处带血的脓包…… 初始之章·张勋 以下内容为张勋视角 年9月15日...
    茶点故事阅读 36,511评论 2 327
  • 正文 我和宋清朗相恋三年,在试婚纱的时候发现自己被绿了。 大学时的朋友给我发了我未婚夫和他白月光在一起吃饭的照片。...
    茶点故事阅读 38,646评论 1 340
  • 序言:一个原本活蹦乱跳的男人离奇死亡,死状恐怖,灵堂内的尸体忽然破棺而出,到底是诈尸还是另有隐情,我是刑警宁泽,带...
    沈念sama阅读 34,322评论 4 330
  • 正文 年R本政府宣布,位于F岛的核电站,受9级特大地震影响,放射性物质发生泄漏。R本人自食恶果不足惜,却给世界环境...
    茶点故事阅读 39,934评论 3 313
  • 文/蒙蒙 一、第九天 我趴在偏房一处隐蔽的房顶上张望。 院中可真热闹,春花似锦、人声如沸。这庄子的主人今日做“春日...
    开封第一讲书人阅读 30,755评论 0 21
  • 文/苍兰香墨 我抬头看了看天上的太阳。三九已至,却和暖如春,着一层夹袄步出监牢的瞬间,已是汗流浃背。 一阵脚步声响...
    开封第一讲书人阅读 31,987评论 1 266
  • 我被黑心中介骗来泰国打工, 没想到刚下飞机就差点儿被人妖公主榨干…… 1. 我叫王不留,地道东北人。 一个月前我还...
    沈念sama阅读 46,358评论 2 360
  • 正文 我出身青楼,却偏偏与公主长得像,于是被迫代替她去往敌国和亲。 传闻我的和亲对象是个残疾皇子,可洞房花烛夜当晚...
    茶点故事阅读 43,514评论 2 348

推荐阅读更多精彩内容