图层命名
命名规则
顺序为大类/中类/小类+属性、状态描述(非必须,看情况)
控制器 Controls
中类 | 小类 | 属性、状态描述 |
按钮(Button) 编辑菜单(Edit Menu) 分页点(Pagination Dots) 进度提示(Progress Indicators) 分段标题(Section Headers) 分段控制器(Segmented Control) 滑动条(Sliders) 表格视图单元格(Table View cells) 文本域(Text Field) 文本(Text) | 步进器(Stepper) 开关(Switch) 页面指示器(Page Controls) 头部(Header,灰色) Cell(单元格) 脚注(Footer,cell下面的小文字) 粘性标题(Sticky Header) 分段索引(Section Index) Label(标注,各种文字说明) 选项卡(Tab) Dots(点) Checkmark(对号) Indicator(指示器) | Light(明、浅色) Dark(暗、暗色) Left(左) Center(中) Right(右) Default(默认) Large(大) Info(信息) Single(单一) Add(添加) On(在...上) Selection(选中) Multi(多个组件之间并列)、 With(带有) Line(行,一二三行文字) Move(移动) Delete(删除) |
低耦合的组件用_resource进行归类,"_"符号开头会使symbol排在最末 (低耦合可以理解为一个组件可用在很多地方,一般是拆分后的比较基本的组件)
Controls/TableViewCell/_Resources/Left Actions/Add Light(控制/表格视图单元格/_资源/左功能/浅色添加) 也就是说,组合好的较大组件是symbol,拆分后低耦合的_Resources是symbol内的symbol,一般是归属于它的父集,如TableViewCell。
也就是说,组合好的较大组件是symbol,拆分后低耦合的_Resources是symbol内的symbol,一般是归属于它的父集,如TableViewCell。
大小写
大写首字母即各种组件Symbol,小写则多见内部非symbol的图层、组 。
记得在命名的前期需要想好整体的结构。