三 CocosEditor基础教程第二季 之事件检测（touch，menu，button）

最新推荐文章于 2022-11-29 16:50:33 发布
最新推荐文章于 2022-11-29 16:50:33 发布
阅读量2.6k 收藏
点赞数
分类专栏： CocosEditor基础教程 文章标签： CocosEditor cocos2d-x cocos2d-js
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/touchsnow/article/details/29238219
版权

前言：

 这一篇我们主要介绍检测事件，包括常规的MenuItem和Button ，还有不常规的sprite和label触摸来模拟点击事件；


效果图

第一个是MenuItem  第二个是Button  第三个是Sprite   第四个是Label



代码下载

https://github.com/makeapp/cocoseditor-samples （snow-click）



代码分析


1 创建一个MenuItem，注意下面几个点；

最低0.47元/天 解锁文章
touchsnow
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 3
    评论
专栏目录
推荐一款很好用的cocos2dx开发工具---CocosEditor，让游戏开发不再限于C++
忆浅曦
11-17 4112
作为初次进行游戏开发的菜鸟级人士来说，什么NDK交叉编译，什么python命令行创建cocos2dx项目，然后再想怎么用C++编写，怎么用eclipse将代码放到安卓平台上，还有复杂的目录结构等等都会让人头晕。 而且对于一个一直进行java开发的人，习惯了eclipse的开发环境，其实挺不想装VS的（纯属自己懒。。。） 但是发现如果按照cocos2dx官网的开发环境来说VS是必不可少的（PS：如果
一 手游开发工具cocos2d-x editor初识
热门推荐
TouchSnow的专栏
04-22 5万+
cocos2dx editor是开发跨平台的手机游戏工具 运行window和mac系统上，javascript脚本语言，基于cocos2d-x跨平台游戏引擎, 集合代码编辑，场景设计，动画制作，字体设计，还有粒子，物理系统，地图等等的，而且调试方便，和实时模拟器。
二 CocosEditor For JS（Cocos2d-JS）工具下载和安装配置
TouchSnow的专栏
01-18 4万+
公告： 以下安装步骤是基于 idea13.0，idea13.1可能有些差异，但基本一致的； cocos2d-x  editor是基于intellij idea上的插件，下面我来介绍它的安装和配置 ，版本更新至1.5-idea13.1 需要的工具清单：       CocosEditor版本下载：（更新时间2014-03-25）（如果是mac系统一定要认真看链接里面的文章）
基于React的富文本编辑器——Braft Editor使用
z止于至善的博客
09-26 6137
antd是基于 Ant Design 设计规范实现的 高质量 React 组件库，倾向于只提供符合该规范且带有视觉展现的 UI 组件，也尽量不重复造轮子。如果要在React项目中使用富文本编辑器，官方推荐使用与。这篇文章主要介绍与Antd的结合使用。
记BraftEditor的使用
weixin_39444480的博客
07-03 2554
braftEditor的使用
LINUX操作系统基础第三次操作命令.pptx
11-14
LINUX操作系统基础第三次操作命令 本次课程主要讲解了LINUX操作系统的基础知识，涵盖了目录操作命令、文件操作命令和文件时间修改等方面。 一、目录操作命令 mkdir命令：用于创建新目录，参数-m用于设置文件权限...
vue自定义移动端touch事件之点击、滑动、长按事件
08-27
Vue框架提供了多种方式来处理Touch事件，但是在实际开发中，我们往往需要自定义Touch事件来满足特定的需求。本文主要介绍了Vue自定义移动端Touch事件之点击、滑动、长按事件的实例代码。 一、点击事件（Tap） 点击...
html5构建触屏网站之touch事件介绍
01-19
手机上的大部分交互都是通过touch来实现的，于是，对于触屏的交互式网站，触摸事件是相当重要的。 Apple在iOS 2.0中引入了触摸事件API，Android正迎头赶上这一事实标准，缩小差距。最近一个W3C工作组正合力制定这一...
移动web开发之touch事件实例详解
08-28
总的来说，理解并熟练运用touch事件是开发移动Web应用的基础，它使得开发者能够创建出更加流畅、自然的触摸体验。同时，需要注意兼容性问题以及处理好与鼠标事件的交互，确保应用在不同设备上都能正常工作。
使用braft-editor踩坑记录
weixin_44952328的博客
11-29 2305
后续需求有变动，需要添加额外的上传按钮，可以上传图片和office文档， 发现之前简单的复制粘贴图片的方式满足不了新的需求。之后发现braft-editor官网中提到可以结合antd组件来做一系列的操作，所以毋庸置疑的选择了和Upload结合使用方式。allowPasteImage: true, // 是否允许直接粘贴剪贴板图片到编辑器。判断文件是图片还是其他格式，图片就转成IMAGE，其他文件，转成LINK。上传图片开始使用的media属性，能直接粘贴截图，很方便。(可上传图片、文档格式)
CocosEditor-1.5.1-IDEA13.1
05-23
CocosEditor： IDE to create multi platform Cocos2d-x games using Javascript or Lua Script. With Cocos2d-x Editor you can: Develop Cocos2d-x games on Windows, Mac OS Scene design you can add labels,label menu items, image label items, sprite from image files and from texture atlas files, create animations from texture atlas. New layers to the scene can be added. The property grid allows to change any property to the nodes or layers. Add folders, images, textures, lua files and sounds to the project. Create a Cocos2d-x JavaScript game for both native and web (Lua game for native only). Develop games with call tip hints and autocompletion of cocos2d-x JavaScript API. A texture packer is included in the solution, can create a texture atlas or edit an existing one. Debug JavaScript codes easily(3.0Alpha1+). The simulator supports multi device sizes and zooming. Publish your game for Android ,IOS , web and desktop with only one click. Support IntelliJ IDEA (Ultimate Edition | Community Edition),Android Studio.
braft_editor富文本
晴天有何特别
04-19 1861
富文本编辑器也用过不少了，这次提供一个功能算是齐全，好用的braft_editor 我使用的react接入，大同小异,这里采用多媒体文件上传到七牛云，回调链接至标签的src上 效果图我就懒得搞了，截取的别人的，代码是我自己写的 import React from "react"; import BraftEditor from "braft-editor"; // 引入编辑器样式 import "braft-editor/dist/index.css"; import api from "../../ap
brafteditor防抖_braft-editor富文本编辑器的使用
weixin_29904391的博客
01-12 509
2.安装：yarn add braft-editor或npm install braft-editor --savehtml3.使用：react编辑器支持value和onChange属性，这相似于React中原生的input组件。一般状况下，能够用典型的受控组件的形式来使用本编辑器：gitimport React from 'react'// 引入编辑器组件import BraftEditor f...
Cocos Creator Editor 编辑器扩展记录
kingBook928的博客
07-16 364
//获取NodeTree面板选中的Node的uuid列表 Editor.Selection.curSelection('node') //进入指定预制件的预制件模式 Editor.Ipc.sendToAll('scene:enter-prefab-edit-mode', '7e977c15-ba64-4b07-8187-1bbf59fbc9fe'); Editor.Selection...
CocosCreator脚本中editor参数的含义
楚游香的博客
04-05 4242
本文摘录自 CocosCreator官方文档 editor常常结合requireComponent参数使用，主要用来指定当前组件的依赖组件。 editor 参数 editor 只能定义在 cc.Component 的子类里。 cc.Class({ extends: cc.Component, editor: { // 允许当前组件在编辑器模式下运行。 // ...
antd - 表单中集成富文本编辑功能【BraftEditor】
qq_24917475的博客
08-05 4761
首先安装 braft-editor npm install --save braft-editor 完成安装后就可以引用 braft-editor和css import BraftEditor from ‘braft-editor’; import ‘braft-editor/dist/index.css’; 组件里的应用 // 第一步 const controls = [ 'undo', 'redo', 'separator', 'font-size', 'line-hei..
BraftEditor的使用
qq_40896095的博客
07-14 3131
因为自己使用的是存函数所以简单记录一下，因为官网上没有对存函数的试用，所以还是要用到onchange或者onBlur都可以来获取文本框中的值，但是又因为文本框返回的是函数，所以要转成标签格式 <BraftEditor value={content} onChange={async (val) => setContent(val.toHTML())} ></BraftEditor> 在利用useState来赋值 const [content, setContent] = use
Cocos Creator Editor 编辑器扩展API记录
kingBook928的博客
07-16 1790
更多：https://forum.cocos.org/t/creator-api/92605https://blog.csdn.net/qq_17209641/article/details/106822296 let nodeUuids=Editor.Selection.curSelection("node"); let node=cc.engine.getInstanceById(n...
react-braft-editor富文本编辑器
WANGLING0108的博客
08-12 1148
react-braft-editor富文本编辑器
stm32 touchgfx基础教程
最新发布
06-28
您好，以下是关于STM32 TouchGFX基础教程的回复： TouchGFX是一款用于嵌入式系统的图形用户界面（GUI）框架，它可以帮助开发人员快速构建出具有高度交互性和美观度的用户界面。而STM32则是一款广泛应用于嵌入式系统的微控制器，它与TouchGFX的结合可以为开发人员提供更加完整的解决方案。 关于STM32 TouchGFX的基础教程，可以从以下几个方面入手： 1. 硬件准备：首先需要准备好一款支持TouchGFX的STM32微控制器，以及一块触摸屏和相应的驱动电路。 2. 软件安装：安装TouchGFX Studio和相应的STM32开发环境，以及TouchGFX的库文件和驱动程序。 3. 项目创建：在TouchGFX Studio中创建一个新的项目，并进行基本的配置，如选择STM32的型号、屏幕分辨率等。 4. 界面设计：使用TouchGFX Studio提供的图形化界面设计工具，设计出所需的用户界面，并添加相应的控件和交互逻辑。 5. 代码生成：在TouchGFX Studio中生成相应的代码，并将其导入到STM32开发环境中进行编译和下载。 6. 调试测试：将STM32连接到触摸屏和电源，进行调试和测试，确保界面和交互逻辑的正常运行。 以上是关于STM32 TouchGFX基础教程的简要介绍，希望能对您有所帮助。如有更多问题，欢迎随时咨询。 ### 回答2： STM32 TouchGFX是一种用于嵌入式系统中创建口感显式图形用户界面（GUI）的开放源码框架。它为创建丰富的用户界面提供了各种工具和功能，这包括图形和字体渲染、微调和部分动画、按键和触摸事件、音频和声音效果等。下面是STM32 TouchGFX的基础教程： 1. 环境设置：在开始自己的STM32 TouchGFX项目之前，需要向IDE添加TouchGFX插件并创建一个新项目，该插件包含GUI代码生成器、设计器和仿真器。您可以安装TouchGFX插件并创建应用程序的空白项目，然后选择一个合适的板配置。 2. 图形资源：一旦创建了项目，选择要使用的图像资源和字体。TouchGFX GUI Designer为这些资源提供了一个图形用户界面，在其中以可视化方式编辑、排列和组织元素。您可以将其导入TouchGFX代码生成器中用于代码生成。 3. GUI设计：使用TouchGFX中包含的GUI Designer设计器，您可以为您的应用程序创建自定义的GUI设计。这个工具可以很好地协助您的工作，使用GUI Designer，开发者可以轻松地布置和调整重要元素和部件，创建想要的样式和布局，实现自定义功能，确保您的界面能够正常运行。 4. 代码生成与部署：一旦GUI和图形资产被设计和定义，就可以使用代码生成器为指定的目标平台生成C ++代码。生成的代码具有TouchGFX库的功能、特性和API，用于处理各种GUI操作和交互。最后，部署应用程序时，可以将生成的C ++代码导入您的项目中，确保在目标嵌入式平台上实现预期的界面效果。 5. 触摸事件处理：TouchGFX库提供了用于处理触摸事件的代码和API。处理触摸事件通常涉及向GUI Designer添加顶点、按下和释放事件，并定义相应操作。在TouchGFX中，通过处理touchgfx::ClickEvent事件来响应屏幕上的点击操作。 6. 多语言支持：TouchGFX库允许您在应用程序中支持多种语言，以适应全球用户。它提供了一个称为touchgfx::Unicode及其他API的类集合，可以在多种语言中执行必要的文本操作和转换。 总结：以上是STM32 TouchGFX的基础教程，可以协助新手更好地理解和学习TouchGFX概念和工作流程，为嵌入式界面设计提供更多灵活性、生产力和创造力。

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

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

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值