CocosCreator项目学习系列<二>关于Button(添加事件)输入控制交互条件的触发_实现虚拟按钮控制_JavaScript

最新推荐文章于 2024-02-24 14:32:38 发布
VIP文章 最新推荐文章于 2024-02-24 14:32:38 发布
阅读量2.8k 收藏 2
点赞数
分类专栏： CocosCreator CocosCreator项目 JavaScript
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/maximilianliu/article/details/78765446
版权

CocosCreator项目学习系列<二>关于Button(添加事件)输入控制交互条件的触发_实现虚拟按钮控制_JavaScript<10/12/2017>

<一>.先看实现效果:


此处为补充版本效果,输入控制滑动触发效果:<25/12/2017>额外补充


<二>.界面搭建:(就一个player脚本绑在player身上,下面那些都是按钮的普通和高亮图标)


<三>.上脚本代码:(另外一个脚本忽略,暂时还用不到)

注意点:self=this;(.js语法相关)

关注添加Button事件的API方法

cc.Class({
最低0.47元/天 解锁文章
MaximilianLiu
关注
  • 0
    点赞
  • 踩
  • 2
    收藏
    觉得还不错? 一键收藏
  • 1
    评论
专栏目录
cocos creater 虚拟摇杆实例
03-16
cocos creater 实现了虚拟摇杆实例，适合新手拿来练习。
cocos creator Button控件用法
热门推荐
u011874528的专栏
08-26 2万+
Button控件用法比较简单，从控件库拖拽Button控件到场景编辑器中，我们看到Button里自带了一个label，我们不用的话，就直接将其删除即可。 选中Button控件，在右侧的属性检查器中，可以查看Button的组件属性 选择相对应的图片，然后在事件这里选择带有脚本的节点，第二个是选择脚本文件，第三个是选择这个脚本里所对应的函数，当点击这个按钮的时候，在这个函数里处理逻辑就可以
cocos 添加事件
最新发布
qq_33240556的博客
02-24 317
可以直接在Cocos Creator编辑器界面为Button组件添加Click事件，选择需要触发的脚本，并在脚本中编写对应的回调函数。：如ScrollView、EditBox等，可以通过创建cc.Component.EventHandler对象并设置对应的事件类型和回调函数来添加事件。针对不同的Cocos版本和开发环境，具体的实现方式会有所差异，请根据实际使用的引擎版本查阅相关文档以获得准确的API用法。
cocos2dx屏幕适配-针对华为部分机型虚拟按键
写作帮助思考
01-01 997
此为始终显示或始终隐藏虚拟按键的方案。 import android.annotation.SuppressLint; import android.view.View; public class AppActivity extends Cocos2dxActivity { @SuppressLint("NewApi") private void handleNaviga...
cocos2d-JS 常用控件Button
小鱼酱的博客
10-25 6970
Button   API 继承于 Component 模块: cc 按钮组件。可以被按下,或者点击。 按钮可以通过修改 Transition 来设置按钮状态过渡的方式： -Button.Transition.NONE // 不做任何过渡 -Button.Transition.COLOR // 进行颜色之间过渡 -Button.Transition.SPRIT
cocos2dx -- 学习笔记 利用UIButton制作虚拟按键
wuanshi5的专栏
05-07 1276
今天，继续完善自己的小DEMO，要加入一些虚拟按键，首先是，上下左右方向键。 这里需要实现，按下持续走，松开则停止的效果。 尝试着用CCMenuImage做，可惜CCMenuImage只支持按下再弹起后，的事件处理。无法对按下到抬起之间的这段时间进行控制。 UIButton刚好可以满足这个需求。 UIButton是cocos2dx扩展里的UI控件类， 派生自Widg
cocos 关于华为之类的虚拟键盘处理
o(∩_∩)o...
02-14 525
手头的项目是老项目 直接参考了3.17版本的Cocos2dxActivity.java，里面有个hideVirtualButton，参考这个东西的写法就好了。 注意事项：我调了很久，一直没弄好，去请教了一下大佬，才发现 是targetSdkVersion 的问题，把targetSdkVersion的版本提高就好了，如改为 26.（我原来的targetSdkVersion是21） ...
artyom.js:语音控制-语音命令-语音识别和语音合成JavaScript库。 在您的网站内使用Google Chrome创建您自己的siri，google now或cortana
03-31
由于用户滥用了语音合成API（ADS，虚假系统警告），因此Google决定在未由用户手势（点击，触摸等）触发的情况下删除该API在浏览器中的使用。 这意味着，例如，如果artyom.say("Hello")未包装在用户事件中，则无法...
fos-interactive-grid-add-button
05-27
FOS-交互式网格-添加按钮 将按钮添加到Interactive Grid的工具... 您可以执行预定义的操作（即删除行），执行一些JavaScript代码，触发事件，将当前选择的行pk值放入页面项目中，甚至提供自己的操作。执照麻省理工学院
circ:用于在测试，构建和部署过程中与CircleCI进行交互的CLI，而无需离开终端
05-25
圆 :counterclockwise_arrows_button: circ是一个CLI，用于在测试，构建和部署过程中与CircleCI进行交互，而无需离开您的终端。 1）推送最新更改后查看触发的工作流程 只需从本地存储库目录中输入circ即可查看与...
精通javascript
12-05
• 11.8.htm JavaScript实现事件控制器 • 11.9.htm 元素属性综合应用 • 11.10.htm 动态修改表单元素内容 第12章（\第12章） • 12.1.htm Document树的简单例子 • 12.2....
精通JavaScript
06-27
• 11.8.htm JavaScript实现事件控制器 • 11.9.htm 元素属性综合应用 • 11.10.htm 动态修改表单元素内容 第12章（\第12章） • 12.1.htm Document树的简单例子 • 12.2....
cocos creator 模拟点击按钮/脚本触发按钮
夢裡夢到醒不來的夢
09-16 1721
当你不想造轮子 希望在脚本中模拟出点击某个按钮然后触发的事情时候可用 好处还挺多的 因为点击按钮之后 所有事件的this都是button绑定的 所以就不用去很烦地去获取了 首先 假设你有一个目标的button: properties: { myButton: cc.Button, }, 如果是node的话 则需要用getComponent来把其上面的cc.Button获取到 然后 var event = new Array(); event['xxx'] = ... ... ... t
Cocos适配带虚拟导航栏手机（HUAWEI 荣耀6 Plus）
10-31 4705
百度搜索Android打开关闭虚拟导航栏 找到以下几个结果http://www.360doc.com/content/12/0319/09/834950_195545006.shtml 这里确定要使用这几行代码 View rootView=getWindow().getDecorView(); rootView.setSystemUiVisibility(View.SYSTEM_UI_
【cocos2d-x笔记】文本输入，调用虚拟键盘
小小少年
12-10 1409
直接贴代码 #ifndef CursorInputDemo_CursorTextField_h #define CursorInputDemo_CursorTextField_h #include "cocos2d.h" USING_NS_CC; class CursorTextField: public CCTextFieldTTF, public CCTextFieldDelegate
cocos触发事件
weixin_45514287的博客
07-14 101
if(coll3){
cocos2d-x添加虚拟键盘获得用户输入CCTextField实例
sun___shine的博客
07-17 375
有的时候我们需要用户输入一些信息，比如用户登录，这个时候就需要得到虚拟键盘，并获取输入信息，在此我们使用CCTextField获取用户输入。 CCTextFieldTTF是CCLabelTTF的子类，它是一个动态的CCLabelTTF。 下面的这个例子，看看如何使用CCTextFieldTTF。 1、首先新建一个Text项目，helloscene类继承CCLayer以及CCTex
cocoscreator typescript虚拟键盘的输入事件的简单实例
weixin_41775347的博客
08-21 2360
（1）在上面素材中加入Button,在显示层加入五个lable作为房间号码显示层。 （2）绑定button事件和自定义按钮的显示数字 如图 （3）下面是实现的主要代码，可作为一个插件，直接可用这里写代码片` 注：显示号码层为一个数组 const { ccclass, property } = cc._decorator; @ccclass export default c...
cocos creator editbox在输入中监听ctrl键_Java 等语言是如何捕获到键盘输入的？
weixin_30219613的博客
01-28 575
身为程序员，我们每天都会用到键盘，那么你们知道计算机是如何捕获我们从键盘输入的指令吗？我们想一想，当我们拿到一个问题时，需要冷静下来思考和探索解决方案。可以查资料、看视频或者咨询专家，但是在这之前，先要进行一定的思考和梳理，有的问题可以直接找到答案，有的问题却需要继续深挖寻找其背后的理论支撑。问题 1：我们的目标是什么?我们的目标是在 Java中实现按键响应程序。这种实现...
<template> <div> <form @submit.prevent="saveStore"> <div> <label for="platformName">平台名称:</label> <input type="text" id="platformName" v-model="store.platformName" required> <button @click="showNewForm">新增平台</button> <New v-if="showNew" @close="hideNewForm" @save="saveNewPlatform" /> <router-view></router-view> </div> <div> <label for="storeCode">门店编号:</label> <input type="text" id="storeCode" v-model="store.storeCode" required> </div> <div> <label for="authorizationCode">授权编号:</label> <input type="text" id="authorizationCode" v-model="store.authorizationCode" required> </div> <div> <label for="authorizationKey">授权密钥:</label> <input type="text" id="authorizationKey" v-model="store.authorizationKey" required> </div> <div> <label for="memberPrice">会员价开关:</label> <el-switch id="memberPrice" v-model="memberPrice" /> </div> <div> <label for="specialPrice">特价开关:</label> <el-switch id="specialPrice" v-model="specialPrice" /> </div> <div> <label for="unitConversion">单位转换开关:</label> <el-switch id="unitConversion" v-model="unitConversion" /> </div> <div> <button type="submit">{{ isEditing ? '更新门店' : '提交' }}</button> </div> </form> </div> </template> <script> import { createRouter, createWebHistory } from 'vue-router'; import { ref } from 'vue' import New from './New.vue' export default { components: { New, }, data() { return { showNew: false, store: { platformName: '', storeCode: '', authorizationCode: '', authorizationKey: '', memberPrice: false, specialPrice: false, unitConversion: false, }, isEditing: false, }; }, methods: { showNewForm() { this.showNew = true; }, hideNewForm() { this.showNew = false; }, saveNewPlatform(platform) { // TODO: 处理保存平台数据的逻辑 console.log(platform); }, saveStore() { // 添加/编辑门店的逻辑 if (this.isEditing) { // 编辑门店 // ... } else { // 添加门店 // ... } }, addPlatform() { // 新增平台的逻辑 // ... }, }, }; </script>为什么这里面的switch要在输入框中输入内容才能触发，直接点击不能转换
07-23
这段代码中的 `<el-switch>` 组件是一个开关组件，它的值是通过 `v-model` 进行双向绑定的。在这个代码中，开关组件的值绑定的是 `memberPrice`、`specialPrice` 和 `unitConversion` 这三个变量。当你点击开关时，...

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 1
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值