CocosStudio(九)ProgressBar进度条、Slider滑动条

       为什么要把ProgressBar和Slider放在一起呢?因为他俩有相似的地方。ProgressBar进度条,游戏开发中用得挺多的,比如英雄血条、玩家的经验条、加载进度条等。Slider滑动条,开发中比较少用,但是也不能少了它,比如音量条。下面我们来一起看看。


一、ProgressBar进度条

1.创建了一个进度条背景图,一个进度条(模式:Custom),进度条背景渲染层级要小于进度条渲染层级。

CocosStudio(九)ProgressBar进度条、Slider滑动条_第1张图片


2.特性包括图片资源、进度、类型

  • 图片资源:要显示的图片拖拽到图片资源中。
  • 进度:进度值范围是0-100,通过进度值改变显示的比例。
  • 类型:Left_To_Right(从左到右)、Right_To_Left(从右到左)。

CocosStudio(九)ProgressBar进度条、Slider滑动条_第2张图片


二、Slider滑动条

1.创建Slider,添加对象 -->滑动条,下图是的属性都是我设置过的,根据自己的需求自己设置属性

CocosStudio(九)ProgressBar进度条、Slider滑动条_第3张图片

注:CocosStudio的Slider放入游戏后,效果图有细微的变化,应该是CocosStudio软件没制作完善,将就用吧,下图为放入游戏后的效果图。


2.特性包括资源、节点资源、滑动进度。

  • 资源:从左至右依次是Slider背景资源,Slider进度资源。
  • 节点资源:节点来控制滑动的进度,从左至右依次是正常状态、按下状态、禁用状态。
  • 滑动进度:进度范围是0-100。


根据实际需求来选择Progress和Slider,增加用户的交互性。








你可能感兴趣的:(CocosStudio)