加入收藏 | 设为首页 | 会员中心 | 我要投稿 李大同 (https://www.lidatong.com.cn/)- 科技、建站、经验、云计算、5G、大数据,站长网!
当前位置: 首页 > 百科 > 正文

cocos creator Button控件用法

发布时间:2020-12-14 17:10:55 所属栏目:百科 来源:网络整理
导读:Button控件用法比较简单,从控件库拖拽Button控件到场景编辑器中,我们看到Button里自带了一个label,我们不用的话,就直接将其删除即可。 选中Button控件,在右侧的属性检查器中,可以查看Button的组件属性 选择相对应的图片,然后在事件这里选择带有脚本的

Button控件用法比较简单,从控件库拖拽Button控件到场景编辑器中,我们看到Button里自带了一个label,我们不用的话,就直接将其删除即可。

选中Button控件,在右侧的属性检查器中,可以查看Button的组件属性


选择相对应的图片,然后在事件这里选择带有脚本的节点,第二个是选择脚本文件,第三个是选择这个脚本里所对应的函数,当点击这个按钮的时候,在这个函数里处理逻辑就可以了。


当然,如果我们需要处理更加细致的问题,比如按下按钮执行函数(此时不松开),那么就需要在相应的脚本文件中进行触摸事件,比如:

在脚本文件中,增加按钮属性:button : { default: null,type: cc.Button},

然后在onLoad函数中,进行按钮的注册:

var self = this;

self.button.node.on(cc.Node.EventType.TOUCH_START,function(event){

console.log("按钮按下")

});

self.button.node.on(cc.Node.EventType.TOUCH_MOVE,function(event){

console.log("在按钮上滑动")

});

其他的就不一一列举了。注意一点就行,这里一定要用self,因为注册里的this代表的就不是这个this了。

(编辑:李大同)

【声明】本站内容均来自网络,其相关言论仅代表作者个人观点,不代表本站立场。若无意侵犯到您的权利,请及时与联系站长删除相关内容!

    推荐文章
      热点阅读