在关卡选择节点上下创建背景图、pageView组件。
编写LevelSelect脚本,挂载到关卡选择节点上。
在LevelSelect.ts脚本中,公布pageView组件和组件切换的精灵帧合图。
实现修改组件中的精灵帧图片(先修改单个)
所有页面节点->当前页面索引->当前页面节点->当前页面节点的精灵帧组件->设置修改精灵帧组件的精灵帧 为 传进来的精灵帧(通过精灵帧名字)
const {
ccclass, property} = cc._decorator;
@ccclass
export default class LevelSelect extends cc.Component {
@property(cc.PageView)
levelPageView:cc.PageView = null;
@property(cc.SpriteAtlas)
spriteAtlas:cc.SpriteAtlas = null; //拿整个合图
start () {
this.changeSprite(‘修改的精灵帧名字’);
}
//写一个接口修改精灵图片(传入精灵帧名称)
changeSprite(spriteFrameName:string):void{
//获取PageView组件的所有页面
let arrPages:cc.Node[] = this.levelPage