1. 程式人生 > >ScrollView + Layout 元件完成自動排版

ScrollView + Layout 元件完成自動排版

1) 為content加點新增Layout元件

2) Prefab

3)程式碼

cc.Class({
    extends: cc.Component,

    properties: {
        btn:{
            default: null,
            type: cc.Button
        },
        player_info_prefab:{
            default: null,
            type: cc.Prefab
        },

        scrollview:{
            default: null,
            type: cc.ScrollView
        }
    },

    // LIFE-CYCLE CALLBACKS:

    onLoad () {
     
    },

    // 
    start () {
        for(var i = 0; i < 20; i++){
            var player_info = cc.instantiate(this.player_info_prefab);
            this.scrollview.content.addChild(player_info);
        }
    },

    // update (dt) {},
});

4) 效果