标注及切片

目标

  • 使设计和开发有一套可共同遵循的规范文档
  • 减少设计和开发之间的不必要沟通

标注

Coming soon

切片

命名规则

文件命名应有描述性,。

文件应该遵循的命名规则:

  • 全部小写字母
  • 单词之间使用下划线(_)连接
  • 不使用缩写作为名称

前缀

名称 前缀 描述
Icon ic_ -
Menu Icon ic_menu_ -
TabBar Icon ic_tab_ -
Button btn_ -
RadioButton btn_radio_ -
CheckBox btn_check_ -
Switch btn_switch_ -
Toggle btn_toggle_ -
RatingBar btn_rating_star_ -

e.g.

ic_launcher.png
ic_menu_share.png
ic_menu_back.png
ic_menu_settings.png
ic_tab_home.png
ic_tab_mine.png

尺寸

名称 后缀 描述
Mini _mini -
Small _small -
Medium _medium -
Large _large -
Big _big -

开关

名称 后缀 描述
On _on -
Off _off -

状态

名称 后缀 描述
Normal _normal -
Pressed _pressed -
Selected _selected -
Checked _checked 常用于表单类的控件如 CheckBoxSwitchToggle
Disabled _disabled -

形状

  • Coming soon

对齐

名称 后缀 描述
Top _top -
Right _right -
Bottom _bottom -
Left _left -

颜色

名称 后缀 描述
White _white -
Black _black -
Red _red -
Green _green -
Blue _blue -