progressBar组件

LayaIDE自带的特殊组件一共有5个,分别是垂直滑动条组件VSlider、水平滑动条组件HSlider、进度条组件ProgressBar、垂直滚动条组件VScrollBar、水平滚动条组件HScrollBar。

VScrollBar和HScrollBar常用于list和panel滑动,ProgressBar用于各种进度,如完成度、加载进度等等。这三种较为常见。

下面说下进度条组件的使用

特殊组件并不是单张图片,而是由多张图片组成。主资源(编辑器中skin路径下的资源,通俗点可以理解为进度的背景图片)图片的命名规则遵守基础组件的命名规则,附加资源(通俗理解成用来显示进度变化的资源,层级在主资源上)由两部分构成,这两部分由$符号连接,$之前是主资源的变量名,$之后是关联状态的名称。

使用时可以直接在资源管理器的组件中拉一个ProgressBar组件到层级管理器中,这里给组件赋值变量名progressbar_bar。

progressbar_bar的使用需要主资源和附加资源,主资源命名为progressBar.png,那么对于附加资源的命名就有要求了,必须是

progressBar$bar.png,以主资源名progressBar为前缀,$为连接符号,bar指的是滑动/移动状态。使用时只需要设置progressbar_bar的value即可控制进度。

用两张不同的图片资源,设置层级在上的图片资源的scaleX或者scaleY可以达到同样的效果。

需要注意的是,资源管理器中对于特殊组件的附加资源不会单独显示,列表中只会显示主资源组件。如果要对特殊组件资源进行操作,需要打开特殊组件资源所在目录,在系统的文件目录中进行管理操作。这路说的资源管理器是laya编辑器中的资源管理器,而不是代码运行时的资源管理器。

发布了61 篇原创文章 · 获赞 2 · 访问量 4万+

猜你喜欢

转载自blog.csdn.net/qq_22794043/article/details/88966364