来聊聊安卓平板适配问题

  • 经验类型经验/观点
  • 经验属性原创文章
  • 经验版权署名
11940 8 33 2017-04-28

文章开头先简单的说一下安卓平板吧,安卓的平板应用一直给人的体验不是很好,因为安卓的平板比手机尺寸更多样化一点,而国内很多安卓应用基本上是拿iOS的设计稿直接来适配安卓,下图是我最近收集的一些当下主流安卓以及相应分辨率,主要

16:10的平板居多,当然还有4:3或者3:2的特殊情况。Image title


因为最近在做一个安卓平板的项目,然后和开发讨论到了这个Android平板是否能直接适配手机问题,下面具体分析一下。

首先我们需要从产品经理那儿了解到需要做那些分辨率的平板(有的公司会直接和设备厂家合作),我们是做的以16:10为基准2560*1600的分辨率,从大到小适配。

那问题来了,在2560*1600中我该输出几X的切图呢?这个时候我和开发各持观点,我认为应该是xhdpi,而他认为是xxxhdpi。


先说说我的观点我觉得在当前分辨率下输出切图应该要根据它对应的dpi来决定,请看下图:Image title这是我在网上看到的一张dpi/切图的对应表(不仅是这个图,其他网站也是这么标的),既然和dpi有关,那我们就来算一下(dpi的算法我之前在《material Design在项目中常用的规范和解析》中提到过)2560*1600下的dpi是多少:


为此我做了调查,市面上2560*1600分辨率下的平板尺寸是在8英寸左右,按照本文章的第一张图中2560*1600对应的是8.4英寸,然后算出来的dpi大约是359,结合上图,得数更靠近xhdpi的320dpi,所以我认为在2560*1600的设计稿中应该输出xhdpi的切图。


再来说说开发的观点:他认为切图不用去看dpi和屏幕尺寸,以手机为例,480*800对应hdpi的切图,720*1280对应xhdpi的切图,1080*1920对应xxhdpi的切图,既然是2560*1600比1920还要大,所以它应该对应xxxhdpi的切图,并且安卓手机和平板可以共用切图。

可我想说这个没错,但是只适用于手机适配,因为手机屏幕的大小和分辨率是成正比,屏幕越大所用的分辨率越高,但是在安卓平板里,会出现8.4寸用2560*1600分辨率的,10.1寸用1280*800的,7寸用1920*1200的,很多样化,虽然我没有在真机上做过测试(公司抠不给配),但根据计算得出来的数值确实可以推翻他的说法。


到现在我们还没达成一致,这个就要慢慢去讨论感化对方了。

这是我在项目过程中所产生的一些观点问题,可以给大家在工作中做些参考,有什么想说的尽可以在下面留言,我们一起讨论。

全部评论:8

  • leah_lau

    2019-03-22 13:08

    @鼻子打不开: 好的,谢谢了

  • 鼻子打不开

    2019-03-20 18:58

    @leah_lau: 一般页边距16dp,卡片间距8dp,最小文字12sp,这只是参考,在实际项目中是可以变化的,但是一切数值最好是8的倍数

  • leah_lau

    2019-03-20 15:17

    你好,我想问一些字体大小和边距这些尺寸是有什么规定吗?多大为好

  • 鼻子打不开

    2019-01-10 17:51

    @雪灵儿YY: 因为是切图和DPI挂钩的,手机端是分辨率有相对应的切图(用dpi算出来也是匹配的),平板的话因为分辨率不一定随着尺寸的增加而增加,按照文章里我的观点算出来就是切hdpi

  • 雪灵儿YY

    2019-01-10 13:47

    @鼻子打不开: 亲,为什么不切xhdpi的图?

  • 鼻子打不开

    2018-08-07 12:45

    @chanxy: 最后是按照我的观点做的,后来我也问过很多安卓开发,他们也是认为应该和dpi挂钩,所以你现在应该是切hdpi的图,画布你就按照1920*1200的做就可以。

  • chanxy

    2018-08-07 09:59

    亲爱的大大大大大大橙子,你们最终讨论出来了么?我现在也遇到这个问题,客户需要设计安卓荣耀water play的UI 图,也就是10.1英尺屏幕,1920*1200分辨率的界面,我都不知道到底该建多大尺寸的画布?我使用的是sketch来做的,这个到底是xhdpi还是hdpi?

  • 鼻子打不开

    2018-06-07 17:06

    @悠简15: 嗯嗯,没事

  • 悠简15

    2018-06-07 16:34

    @鼻子打不开: 知道呢 谢谢哈 嘻嘻

  • 鼻子打不开

    2018-06-07 15:45

    @悠简15: 你知道cuttman么,用那个插件选择要切的规格,直接导出就可以,新出的版本会自动辨别你的设计稿尺寸

  • 悠简15

    2018-06-07 10:51

    @鼻子打不开: 那你最后总切几种规格的切图给安卓呢 有没有做过ipad的界面,ipad的界面又应该给苹果切哪几种呢

  • 悠简15

    2018-06-07 10:48

    @鼻子打不开: 我们还没有讨论过呢

  • 鼻子打不开

    2018-06-04 17:59

    @悠简15: 已经开发完了,最后我们是按照我的方案来走的,你和开发讨论过这个么

  • 悠简15

    2018-06-04 17:39

    @鼻子打不开: 谢谢哈 那你们没有再开发这个项目吗 我现在也是开始做平板界面 也在纠结应该是切哪几种图

  • 鼻子打不开

    2018-06-04 16:50

    @悠简15: 还没,他离职了,所以我俩一直没打成一致,不过其他两个开发是和我的观点一致的

  • 悠简15

    2018-06-04 15:50

    请问你么现在讨论达成一致了吗 结果是怎么适配呢 在线等你的回答 谢谢

更多作品

发表评论

取消

点击右上角
分享给朋友吧

分享到

取消

每人每天仅限5票,快给你心仪的作品鼓励的一票。

投票