COCOS 如何做一个圆形的progress bar ?

 

COCOS的问题

听人说过几回,就是对drawcall数的优化很少,需要自己优化

drawcall就是需求渲染的次数 ?每次只能load一个图集进行渲染

 

对一个UI打开时,load图集

如果是图集1 图集2  1  2  1  2  12 这样形式 drawcall数很高

而如果是  图集1 图集1 图集1 ,。。。。 111111  222222 drawcall数低很多

 

 

COCOS 如何做一个圆形的progress bar ?_第1张图片

 

资源管理器窗口的内容

1 往层级窗口拖 

2往场景编辑器拖  会改变坐标,以拖动为准,慎用

另外记住

scroll view 和 其他scroll view,都有拖动,

scroll view  和slider 也可能有方向上的冲突,需要程序做处理。

但是scroll view 和layout没有冲突

 

progressbar有2种方式

1 种是右键,创建UI节点 progressbar

   cocos已经把这个控件的默认结构搭建好了,也可以改,但一般是够用的

像默认的把 引用关系都挂好了

COCOS 如何做一个圆形的progress bar ?_第2张图片

 

 

 

2 一种是自己制作

   一般是要包含,bar 和 底图

 

记住  progress bar

的底图 和bar 都得选  fill模式,有了fill模式,才能选 radial

 

COCOS 如何做一个圆形的progress bar ?_第3张图片

COCOS 如何做一个圆形的progress bar ?_第4张图片

 

需要选择圆形的 图片

 

另外 bar 因为要圆形转,必须把 fill  圆形转动的圆心设置在 bar的中心  0.5 0.5

bar 本身基于 地图的锚点可以不再 0.5 0.5 

但fill center必须这样

COCOS 如何做一个圆形的progress bar ?_第5张图片

 

COCOS 如何做一个圆形的progress bar ?_第6张图片

 

这个用来测试效果

 

 

实际上 底图不需要 fill模式

 

COCOS 如何做一个圆形的progress bar ?_第7张图片

 

 

 

 

 

 

你可能感兴趣的:(cocos)