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 可以用类似“玩家名字七个字”进行长度预测

  • 0
    点赞
  • 2
    收藏
    觉得还不错? 一键收藏
  • 1
    评论
评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值