CocosStudio制作界面规范

UI规则相关 初略总结下:

1 命名规范
a 前缀使用控件类型命名如: Panel_,Button_,Image_,Label_,
b 后缀使用英文或者拼音表示功能,驼峰命名规则,如Panel_playerDetailItem,Button_close,Label_playerName
c 如果出现连续相同的多个控件(非scrollview子控件),采用后缀顺序命名规则,且保持子控件命名一致,从1开始,如Image_timer1,客户端会使用类似“Image_timer#”方式读取
d 同一界面的控件命名不要重复

2 UI布局规范
a 全屏界面使用960*640尺寸作为设计尺寸,便于适配, 尽量使用相对布局,保证子控件随着画布大小动态拉伸和位置适配(靠上,靠下等)
b 界面尽量拆分细化模块化,统一尺寸尤其是通用界面(头像,海贼旗 ,道具,等等)
c 使用空白Panel进行占位,程序通过Panel标识识别占位控件动态加载特效,动画, 扩展控件(滑动条)等。
d 尽量使用Panel进行分层,Panel锚点设置在(0,0),单独功能使用单独Panel进行分层,方便切页,状态转换,隐藏显示
e Label文字颜色和字号的根据美术需求设置正确,保持统一,不要出现中文。通过标识区分Label类型:普通文本,富文本

3 UI使用规范
a 控件文字使用同一接口处理,根据标识区分使用富文本或者普通文字
b 代码内不能出现中文,统一接口读取静态数据配置
c 代码逻辑采用类似MVC结构: 表现和数据严格分离。

4 注意事项:
a scrollview和pageview区别使用和方向配置
b 九宫格控制大小要截取图片中间纯色部分进行拉伸,或者单纯横向/纵向拉伸
c 控件位置保持对称,居中,控件间隔尽量保持一致
e 需要注意勾选“交互”框的情况,比如制作ScrollView子控件的时候,要把child的上层Layer设置成不可交互的,当然也可代码实现
f Label 可以用类似“玩家名字七个字”进行长度预测

猜你喜欢

转载自blog.csdn.net/zhenyu5211314/article/details/78357164