Android布局规范

来源:互联网 发布:淘宝开店开通不了 编辑:程序博客网 时间:2024/05/18 02:50

单位

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 * 72xhdpi2.096 * 96xxhdpi3.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.3dptext_size_214.2dp16dptext_size_317.2dp19.3dptext_size_424dp27dptext_size_548.9dp56dp

预定义尺寸

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

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

名称w320dp大小w360dp大小dimen_10.9dp1dpdimen_21.8dp2dpdimen_43.6dp4dpdimen_65.3dp6dpdimen_87.1dp8dpdimen_108.9dp10dpdimen_1210.7dp12dpdimen_1614.2dp16dpdimen_2421.3dp24dpdimen_3228.4dp32dpdimen_4842.7dp48dpdimen_6456.9dp64dpdimen_9685.3dp96dpdimen_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分割线高度转自:http://www.open-open.com/lib/view/open1417012978909.html

0 0
原创粉丝点击