注册 登录
主题 : CVP 认证学习笔记—(申屠炜燚)—第八周 第14章-ListView使用
级别: 侠客
UID: 564210
精华: 0
发帖: 59
可可豆: 554 CB
威望: 554 点
在线时间: 66(时)
注册时间: 2016-05-20
最后登录: 2017-08-08
0 楼:  发表于: 2016-09-19 15:03    发自: Web Page

CVP 认证学习笔记—(申屠炜燚)—第八周 第14章-ListView使用   

本节作业:
本节介绍了ListView列表的实现

设计一个道具商城
所有的道具通过一个ListView列表来显示
当用户选中道具后弹出一个消息框显示用户选中的道具
/project.json
"modules" : ["cocos2d","extensions"],
/src/app.js
var HelloWorldLayer = cc.Layer.extend({
    sprite:null,
    ctor:function () {
        this._super();
        var listview=new ccui.ListView();
        listview.setDirection(ccui.ScrollView.DIR_VERTICAL);
        listview.setTouchEnabled(true);
        listview.setBounceEnabled(true);
        listview.setBackGroundImage("res/green_edit.png");
        listview.setBackGroundImageScale9Enabled(true);
        listview.setContentSize(cc.size(240,300));
        listview.setPosition(cc.winSize.width/2,cc.winSize.height/8);
        this.addChild(listview);
        var item=new ccui.Layout();
        item.setTouchEnabled(true);
        var button=new ccui.Button();
        button.setName("bt");
        button.loadTextures("res/btnormal.png","res/btpressed.png","");
        button.setTouchEnabled(true);
        item.addChild(button);
        item.width=240;
        item.height=40;
        button.setPosition(120,20);
        listview.setItemModel(item);
        for(var n=0;n<20;n++)
        {
            listview.pushBackDefaultItem();
        }
        for(var n=0;n<20;n++)
        {
            var item=listview.getItem(n);
            var bt=item.getChildByName("bt");
            bt.setTitleText("道具"+n);
            bt.addTouchEventListener(function(sender,type){
                switch(type){
                    case ccui.Widget.TOUCH_BEGAN:
                    cc.log("touch began");
                    alert("选中道具");
                    break;
                }
            },this);
        }
        listview.addEventListener(this.selectItem,this);
        return true;
    },
    selectItem:function(sender,type)
    {
        switch(type)
        {
            case ccui.ListView.EVENT_SELECTED_ITEM:
                var index=sender.getCurSelectedIndex();
                cc.log("您选中了"+index);
        }
    }
});

var HelloWorldScene = cc.Scene.extend({
    onEnter:function () {
        this._super();
        var layer = new HelloWorldLayer();
        this.addChild(layer);
    }
});

运行
级别: 新手上路
UID: 662475
精华: 0
发帖: 3
可可豆: 21 CB
威望: 21 点
在线时间: 0(时)
注册时间: 2018-09-30
最后登录: 2018-09-30
1 楼:  发表于: 2018-09-30 15:33    发自: Web Page

本站内容均为本站转发,已尽可能注明出处。因未能核实来源或转发内容图片有权利瑕疵的,请及时联系本站,本站会第一时间进行修改或删除。 QQ : 3442093904

描述
快速回复

关注本帖(如果有新回复会站内信通知您)

发帖、回帖都会得到可观的积分奖励。查看论坛积分规则

按"Ctrl+Enter"直接提交
    顶部