cocostudio——js 3 final控件事件

来源：互联网发布：2016中国对外贸易数据编辑：程序博客网时间：2024/05/17 01:08

最近试用了下cocos ide，然后引擎用的cocos2dx js 3 final，需要build runtime一下，下面是cocos studio相关的一些事件：

添加事件侦听：

        // button        var root = ccs.uiReader.widgetFromJsonFile("res/UIButton_Editor/UIButton_Editor_1.json");        this.addChild(root);                var back_label = ccui.helper.seekWidgetByName(root, "back");        back_label.addTouchEventListener(this.backEvent,this);        var button = ccui.helper.seekWidgetByName(root, "Button_123");        button.addTouchEventListener(this.touchEvent,this);        var title_button = ccui.helper.seekWidgetByName(root, "Button_126");        title_button.addTouchEventListener(this.touchEvent,this);        var scale9_button = ccui.helper.seekWidgetByName(root, "Button_129");        scale9_button.addTouchEventListener(this.touchEvent,this);                                // check box        var root = ccs.uiReader.widgetFromJsonFile("res/UICheckBox_Editor/ui_checkbox_editor_1.json");        this.addChild(root);        var checkbox = ccui.helper.seekWidgetByName(root, "CheckBox_540");        cc.log(checkbox.addEventListener);        checkbox.addEventListener(this.selectedStateEvent,this);                                // list view        var LISTVIEW_RES = [                            "res/UIListView_Editor/UIListView_Vertical_Editor/ui_listview_editor_1.json",                            "res/UIListView_Editor/UIListView_Horizontal_Editor/ui_listview_horizontal_editor_1.json"                            ];        var root = ccs.uiReader.widgetFromJsonFile(LISTVIEW_RES[0]);        this.addChild(root);                var listView = ccui.helper.seekWidgetByName(root, "ListView_1214");        listView.addEventListener(this.selectedItemEvent,this);                                // page view        var root = ccs.uiReader.widgetFromJsonFile("res/UIPageView_Editor/ui_pageview_editor_1.json");        this.addChild(root);                var pageView =ccui.helper.seekWidgetByName(root, "PageView_1269");        pageView.addEventListener(this.pageViewEvent, this);                                // RichText        var richText = ccui.RichText.create();        richText.ignoreContentAdaptWithSize(false);        richText.setContentSize(cc.size(120, 100));        var re1 = ccui.RichElementText.create(1, cc.color.WHITE, 255, "This color is white. ", "Helvetica", 10);        var re2 = ccui.RichElementText.create(2, cc.color.YELLOW, 255, "And this is yellow. ", "Helvetica", 10);        var re3 = ccui.RichElementText.create(3, cc.color.BLUE, 255, "This one is blue. ", "Helvetica", 10);        var re4 = ccui.RichElementText.create(4, cc.color.GREEN, 255, "And green. ", "Helvetica", 10);        var re5 = ccui.RichElementText.create(5, cc.color.RED, 255, "Last one is red ", "Helvetica", 10);               var re6 = ccui.RichElementText.create(7, cc.color.ORANGE, 255, "Have fun!! ", "Helvetica", 10);        richText.pushBackElement(re1);        richText.insertElement(re2, 1);        richText.pushBackElement(re3);        richText.pushBackElement(re4);        richText.pushBackElement(re5);        richText.pushBackElement(re6);        richText.setPosition(cc.p(1280 / 2, 720 / 2));        this.addChild(richText);                                // slider        var root = ccs.uiReader.widgetFromJsonFile("res/UISlider_Editor/ui_slider_editor_1.json");        this.addChild(root);        var slider = ccui.helper.seekWidgetByName(root, "Slider_738");        slider.addEventListener(this.sliderEvent,this);        var scale9_slider = ccui.helper.seekWidgetByName(root, "Slider_740");        scale9_slider.addEventListener(this.sliderEvent,this);                       // text field        var root = ccs.uiReader.widgetFromJsonFile("res/UITextField_Editor/ui_textfield_editor_1.json");        this.addChild(root);                var textField_normal = ccui.helper.seekWidgetByName(root, "TextField_1109");        textField_normal.addEventListener(this.textFieldEvent,this);        var textField_max_character = ccui.helper.seekWidgetByName(root, "TextField_1110");        textField_max_character.addEventListener(this.textFieldEvent,this);        var textField_password = ccui.helper.seekWidgetByName(root, "TextField_1107");        textField_password.addEventListener(this.textFieldEvent,this);

各个事件回调：

// widget    touchEvent: function (sender, type) {    switch (type) {    case ccui.Widget.TOUCH_BEGAN:    cc.log("Touch Down");    break;    case ccui.Widget.TOUCH_MOVED:    cc.log("Touch Move");    break;    case ccui.Widget.TOUCH_ENDED:    cc.log("Touch Up");    break;    case ccui.Widget.TOUCH_CANCELED:    cc.log("Touch Cancelled");    break;    default:    break;    }    },        // check box     selectedStateEvent: function (sender, type) {    switch (type) {    case ccui.CheckBox.EVENT_SELECTED:    cc.log("Selected");    break;    case ccui.CheckBox.EVENT_UNSELECTED:    cc.log("Unselected");    break;    default:    break;    }    },        // list view    selectedItemEvent: function (sender, type) {    switch (type) {    case ccui.ListView.EVENT_SELECTED_ITEM:    var listViewEx = sender;    cc.log("select child index = " + listViewEx.getCurSelectedIndex());    break;    default:    break;    }    },        // page view    pageViewEvent: function (sender, type) {    switch (type) {    case ccui.PageView.EVENT_TURNING:    var pageView = sender;    cc.log("page = " + (pageView.getCurPageIndex() + 1));    break;    default:    break;    }    },        // slider    sliderEvent: function (sender, type) {    switch (type) {    case ccui.Slider.EVENT_PERCENT_CHANGED:    var slider = sender;    var percent = slider.getPercent();    cc.log("Percent " + percent.toFixed(0));    break;    default:    break;    }    },        // text field    textFieldEvent: function (sender, type) {    switch (type) {    case ccui.TextField. EVENT_ATTACH_WITH_IME:    cc.log("attach with IME");    break;    case ccui.TextField. EVENT_DETACH_WITH_IME:    cc.log("detach with IME");    break;    case ccui.TextField. EVENT_INSERT_TEXT:    cc.log("insert words");    break;    case ccui.TextField. EVENT_DELETE_BACKWARD:    cc.log("delete word");    break;    default:    break;    }    }

0 0