初学者用COCOS CREATOR写一款飞机大战游戏（3）

今天我们来说一下游戏内UI布局的做法，戒戒目前采用的是2种模式，第一种是先把UI窗口放在摄像机外部，然后调用的时候改变它的位置，使得它进入摄像头范围内，移出也是类似。第二种则是改变窗体的状态：

show() {

        const zhandou = find("Canvas/zhandou");

        if (zhandou.active === false) {

            zhandou.active = true;

        }

        //this.node.active=!this.node.active;

    }

当然这里也可以用缓动tween来做，使得界面切换看上去更加的平滑。在关卡界面里挂一个ScrollView组件，这里面的数据都是后台加载生成的。

@property(ScrollView)

    public scroll: ScrollView = null; //

    itemPrefab = null; // 预制体

    private startPos = null;// 滑动视图的起始位置

    private cachePool = [];// 移除的等待使用的item池

    private dataList = [];// 数据列表

    private maxNum = 40;// 必须小于服务器返回的每页最大个数，