首页 > 代码库 > Android布局规范

Android布局规范

文章转载禁止用于商业用途,且不能带有虚拟货币、积分、注册等附加条件。转载须注明出处莫高雷草原以及作者@JiongBull。


布局规范


单位

1. 尺寸

除了在代码中会使用到像素单位的尺寸外,在布局文件中必须使用dp单位的尺寸。由于部分机型用户可以调整手机字体大小,为了避免字体大小的调整影响到布局结构,字号的单位也要求使用dp单位的尺寸。

我们适配三种像素密度的屏幕(hdpi、xhdpi、xxhdpi),他们的比例系数也是为1.5 : 2 : 3,也就是3 : 4 : 6,对于设计师来说,大致可以理解为在1080P屏幕上10dp表示30px,在720P屏幕上10dp表示20px,在480P屏幕上表示15px。

2. 色彩

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

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


图片

1. 分辨率

需要三种规格尺寸的图片,比例系数为1.5 : 2 : 3,也就是3 : 4 : 6。

例如logo的图片:

像素密度比例系数logo分辨率
hdpi1.572 * 72
xhdpi2.096 * 96
xxhdpi3.0144 * 144

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

2. 状态

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

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

3. 大小


预定义色值

应用中出现的色值不应过多,这样应用才会显得简洁干净,风格统一。

下面的表格列举了应用中使用的预定义色值、名称和描述:

名称色值描述
blue_1#0099FF藍色
blue_2#3366FF藍色
gray_1#F4F4F4灰色
gray_2#E6E6E6灰色
gray_3#E0E0E0灰色
gray_4#C7C7CC灰色
gray_5#666666灰色
gray_6#333333灰色
white#FFFFFF白色
black#000000黑色

预定义字号

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

下面的表格列举了应用中使用的预定义字号、名称和描述:

名称w320dp大小w360dp大小
text_size_111.8dp13.3dp
text_size_214.2dp16dp
text_size_317.2dp19.3dp
text_size_424dp27dp
text_size_548.9dp56dp

预定义尺寸

预定义的尺寸对开发过程来说是非常方便的,可以节省很多在命名和计算过程上消耗的时间。

下面的表格列举了应用中使用的预定义尺寸、名称和描述:

名称w320dp大小w360dp大小
dimen_10.9dp1dp
dimen_21.8dp2dp
dimen_43.6dp4dp
dimen_65.3dp6dp
dimen_87.1dp8dp
dimen_108.9dp10dp
dimen_1210.7dp12dp
dimen_1614.2dp16dp
dimen_2421.3dp24dp
dimen_3228.4dp32dp
dimen_4842.7dp48dp
dimen_6456.9dp64dp
dimen_9685.3dp96dp
dimen_128113.4dp128dp

其他常用尺寸

名称w320dp大小w360dp大小描述
actionbar_height44.4dp50dp操作栏高度
actionbar_icon_width44.4dp50dp操作栏图标宽度
actionbar_icon_height44.4dp50dp操作栏图标高度
tab_host_height49.2dp55.3dp选项栏高度
btn_width_1100dp112.5dp小按钮宽度
btn_width_2249.9dp281.1dp大按钮宽度
btn_height249.9dp36dp大按钮宽度
item_height_143.8dp49.3dp项目高度
item_height_264dp72dp项目高度
item_height_373.3dp81.3dp项目高度
item_icon_width35.6dp40dp项目图标宽度
item_icon_height35.6dp40dp项目图标高度
corner_12.9dp3.3dp圆角弧度
corner_210dp11.3dp圆角弧度
divider_height0.6dp0.7dp分割线高度

Android布局规范