文章目录
  1. 1. 单位
    1. 1.1. 尺寸
    2. 1.2. 色彩
  2. 2. 图片
    1. 2.1. 分辨率
    2. 2.2. 状态
  3. 3. 一些技巧
    1. 3.1. 色值
    2. 3.2. 字号
    3. 3.3. 尺寸
  4. 4. 分享与支持

来源:JiongBull’s Blog
微博:@JiongBull
GitHub:JiongBull

单位

尺寸

为了更容易的适配不同尺寸和像素密度的屏幕,我们约定在布局文件中必须使用dp单位的尺寸(由于部分机型可以调整手机字体大小,为了避免影响到布局结构,字号的单位也要求使用dp单位的尺寸)。

我们适配四种像素密度的屏幕(hdpi、xhdpi、xxhdpi、xxxhdpi),他们的比例系数为1.5 : 2 : 3 : 4,那么10dp在这四种屏幕上分别表示10 1.5 = 15px,10 2 = 20px,10 3 = 30px,10 4 = 40px。

色彩

色彩使用ARGB模式,用32位表示,例如#AABBCCDD,其中AA表示透明度,BB表示红色,CC表示绿色,DD表示蓝色。

注意:遵从设计规范,色值需要全部为大写。

图片

分辨率

需要四种规格尺寸的图片,比例系数为1.5 : 2 : 3 : 4

例如logo的图片:

像素密度 比例系数 logo分辨率 logo的尺寸
hdpi 1.5 72px * 72px 48dp * 48dp
xhdpi 2.0 96px * 96px 48dp * 48dp
xxhdpi 3.0 144px * 144px 48dp * 48dp
xxxhdpi 4.0 192px * 192px 48dp * 48dp

注意:对于9-patch,也需要四种规格尺寸。

状态

有些图片是有状态的,例如按钮、单选框、复选框等,我们对有状态的图片进行命名时会在图片名称后面后缀对应的状态字符串。

状态 后缀
默认 无后缀
按下 _p
选中 _c
不可用 _d

一些技巧

色值

应用中出现的色值不应过多,而且需要配置在xml中,这样应用才会显得简洁干净,风格统一。

字号

统一的字号标准可以使应用风格更加统一,在不同的设备上做到一致的用户体验。

尺寸

对于常用的尺寸可以抽取出来,方便快速开发。对于设计师来说,规范化的尺寸可以让设计看起来更加大气一体,开发前可以先与设计师沟通,共同抽取出一些预定义的尺寸。

根据在Android屏幕适配一文中指出的,我们适配宽度为320dp和360dp的屏幕。可以先使用360dp的手机或者模拟器进行布局开发,待编译打包时,只需要把values-w360dp里dimens.xml新定义的尺寸拷贝到values-w320dp里,把数值乘以320/360,也就是8/9即可,这样它们占屏幕宽度的比例就一致了。

例如,values-w360dp中定义了宽度为90dp的按钮,那么在values-w320dp中对应的尺寸就是80dp,90 / 360 = 25%且80 / 320 = 25%,它们在各自的屏幕中看起来占屏幕宽度的比例就是一致的了。

分享与支持

  • 如果这篇文章对你有帮助,请分享下面的链接让更多人受益。
  • 更多支持,请点这里
文章目录
  1. 1. 单位
    1. 1.1. 尺寸
    2. 1.2. 色彩
  2. 2. 图片
    1. 2.1. 分辨率
    2. 2.2. 状态
  3. 3. 一些技巧
    1. 3.1. 色值
    2. 3.2. 字号
    3. 3.3. 尺寸
  4. 4. 分享与支持