1.制作血条
(1)新建一个精灵,type改成Filled,填充进血条的图片,如图
在js里获取这个精灵,修改这个精灵的fillStart属性,例:
let fillStart = 0.3
this.sprite.fillStart = fillStart
这样就把血条的进度改成30%了,fillStart的范围是0-1,如果想做掉血的效果,那么不断减少精灵的fillStart属性的值就可以了,满血是1。
2.轮播
使用PageView组件可以做轮播图。
将PageView拖进面板,然后将content文件下的文件换成自己需要轮播的图片或节点
点击预览就生成了一个可以左右滑动的盒子,如果有更复杂的业务需要写JS更改。