Cocos Creator之EditBox

最新推荐文章于 2024-10-11 19:25:55 发布
最新推荐文章于 2024-10-11 19:25:55 发布
阅读量7.2k 收藏 2
点赞数 1
分类专栏： Cocos Creator TypeScript 文章标签： CocosCreator
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/fatfish_/article/details/84891627
版权
本文介绍了Cocos Creator中EditBox的结构和使用方法，包括如何获取和设置用户输入，以及实践中遇到的问题。特别指出，直接操作EditBox的子组件可能会导致内容显示不一致，建议使用EditBox提供的接口来确保一致性。
摘要由CSDN通过智能技术生成

Cocos Creator之EditBox

写在前面

本文介绍EditBox的基本使用方法，以及自己在使用过程中的一点感想。

EditBox基本结构

Cocos Creator中的EditBox由背景Sprite、内容Label和占位符Label三个部分组成。
Cocos Creator中EidtBox控件基本结构
其中占位符Label一般显示提示信息，如“请输入姓名…”等，而内容Label则显示用户的输入内容。在使用过程中，最基本的要求是获取用户的输入。还有些任务要求自动填充用户输入。

EditBox使用方法

在脚本中定义好组件变量，然后在Cocos Creator中将NodeTree中的EditBox控件拖到右侧properties中脚本下的对应位置。（需要将脚本预先拖到对应的Scene或者prefab上）。

// 定义变量
@property(cc.EditBox)
inputEditBox: cc.EditBox
最低0.47元/天 解锁文章
Android代码-支持格式自动识别和展示的 EditBox。
08-06
Mask EditText Sample Usage Gradle allprojects { repositories { maven { url 'https://jitpack.io' } } } dependencies { implementation 'com.github.santalu:mask-edittext:1.0.9' } XML Attributes Name Description Value mask pattern string Notes use getRawText() to get unmasked text License Copyright 2017 Fatih Santalu Licensed under the Apache License, Version 2.0 (the "License"); you may not use this file except in compliance with the License. You may obtain a copy of the
cocos creator editbox控件用法
热门推荐
u011874528的专栏
08-26 2万+
首先，新建一个空项目EditBoxDemo，打开场景 在控件库选择EditBox，然后拖动到场景编辑器中，如下图： 属性编辑器中可以修改此editbox中的组件属性 每个属性什么意思，这里就不一一介绍了，点击这个按钮可以跳到官网的文档中进行查看。 主要介绍一下editbox的事件，在上面的图片中，最后看到四个回调事件，Editing Did Began等等，具体用法如下
【cocos creator】输入框滑动条联动小组建
最新发布
烧仙草奶茶的博客
10-11 389
滑动条滑动输入框内容会改变。输入框输入，滑动条位置改变。
【CocosCreator入门】CocosCreator组件 | EditBox（文本输入）组件
看世界，也找自己
04-21 3749
Cocos Creator 是一款流行的游戏开发引擎，具有丰富的组件和工具，其中的EditBox组件是一种用于实现用户输入交互的重要组件。它可以让用户在游戏中输入文字、数字等内容，并且可以对输入内容进行格式校验和处理。
【Cocos新手入门】使用 cocos creator 创建单行文本输入框及多行文本输入框
任聪聪的博客
02-02 1825
本篇文章主要讲解使用 cocos creator 创建单行文本输入框及多行文本输入框，并绑定文本框获取文本输入数据的方法。作者：任聪聪日期：2023年2月2日cocos引擎版本2.4.3。
CocosCreator3.8研究笔记（十九）CocosCreator UI组件（三）
w风雨无阻w的专栏
09-16 2705
Slider 是一个滑动器组件，通常用于调节 UI 的数值（例如音量调节），它主要的部件是一个滑块按钮，该部件用于用户交互，通过该部件可进行调节 Slider 的数值大小。Button 组件可以响应用户的点击操作，当用户点击 Button 时，Button 自身会有状态变化，在完成点击操作后响应一个自定义的行为。是一种显示网页的组件，该组件让你可以在游戏里面集成一个小的浏览器，目前只支持 Web、iOS 和 Android 平台。的方式来添加，这种方式注册的事件，无法传递 customEventData。
Cocos Creator 2D EditBox 与Widget 使用详解
voidinit的专栏
05-17 479
在上面的示例中，我们首先为一个节点添加了Widget组件，并设置了一些属性，比如isAlignTop（是否与顶部对齐）、top（距离顶部的距离）、isAlignLeft（是否与左边对齐）、left（距离左边的距离）、isAlignRight（是否与右边对齐）、right（距离右边的距离）。其中，EditBox和Widget是两个常用的组件，EditBox用于输入文本，Widget用于UI布局和适配。在上面的示例中，我们首先创建了一个EditBox组件，并设置了一些属性，然后将EditBox添加到场景中。
cocosCreator预览节点树
03-18
该组件可在cocosCreator浏览器预览游戏时显示当前的节点树，并随时跟新
cocos creator的寻路demo
11-10
《Cocos Creator寻路系统深度解析》 Cocos Creator是一款强大的2D和3D游戏开发引擎，它提供了丰富的工具和框架，使得开发者可以更高效地创建游戏。在游戏设计中，寻路系统是一项至关重要的技术，它使得游戏角色能够...
CocosCreator_v2.2安装包
03-21
`CocosCreator_v2.2.0_setup.exe` 是Cocos Creator v2.2.0的安装程序。运行这个文件，用户可以按照向导进行安装，选择安装路径、组件和设置。安装过程中，系统会自动检测并安装必要的依赖，如Node.js环境，确保...
cocoscreator仿真绳子
11-20
《CocosCreator仿真绳子：基于反向动力学的实现》 在游戏开发领域，物理效果的模拟一直是提升用户体验的关键因素之一。CocosCreator作为一款强大的2D游戏开发引擎，其2.0.10版本提供了丰富的功能和优化，使得开发者...
cocoscreator简易框架
03-04
《CocosCreator简易框架详解》 CocosCreator是一款强大的2D游戏开发引擎，以其便捷的可视化编辑和高效的性能深受开发者喜爱。"cocoscreator简易框架"则是基于CocosCreator 2.4.2版本构建的一个简化开发流程的框架，...
cocos creator刷新原生端输入框的文本
buhui_wang的博客
11-23 4110
cocos creator修改原生端输入框的文本修改引擎文件build文件中 因为一些特殊需求需要限制原生的输入框的文本，所以去对引擎的一些文件进行修改； 当前只是对输入框进行赋值刷新，可以根据类似的写法增加其他逻辑； 修改引擎文件 resources\cocos2d-x\cocos\platform\android\java\src\org\cocos2dx\lib\Cocos2dxEditBox.java 添加静态方法updateText public class Cocos2dxEditBox
cocos creator修改EditorBox,去掉EditorBox的输入历史记录显示，cocos creator屏蔽输入框的历史记录显示
github_38633141的博客
04-07 4063
cocos creator 3.3.2 修改EditorBox的历史记录就需要修改引擎源码 这里找到安装下的引擎源码C:\CocosDashboard_1.0.11\resources\.editors\Creator\3.3.2\resources\resources\3d\engine\cocos\ui\editbox\edit-box-impl.ts 这个文件 这是在点击获取焦点后，设置输入框的size的，这里用了html的标签实现的输入 elem.autocomplet...
H5+原生app项目键盘弹起背景被上推、挤压的解决方法
chenlim87的博客
08-26 2181
最近做了原生app嵌套H5的手机端应用。因为是第一次做手机端应用，遇到问题挺多。现总结下登录页遇到的问题。 正常样式如图： 当点击输入框，键盘会弹起，此时样式就错乱了。输入框和底部的背景图会上移，遮挡住头部背景文字。给输入框加了高度之后，调整样式，输入框正常了，但底部的背景图还是被挤压上来了。然后修改了样式后还是不行。 通过样式查看，背景图被挤压的原因是因为键盘弹起时改变了屏幕的可视区域大小，所以底部的div就上来了。 既然键盘弹出时会改变屏幕大小，那我们在键盘弹起时不让它改变不就可以了吗？ 在moun
cocos creator android平台非全屏webview editorBox顶不起页面暂时解决方案
lck8989的博客
12-26 3552
1：场景：游戏嵌入到android平台的webview（非全屏模式），cocos creator 引擎版本：2.3.1 2：问题： a: 用到了输入框组件但是输入框聚焦用问题，cocos的editorBegin触发的不对，有时候editorBegin触发了但是键盘没有弹出来，很坑，不能忍，产品的需求是当键盘出来的时候抬高输入框尴尬的就是这点（我依据的是只要editorBegin方法触发我就抬高输入框） b: 顶不起游戏页面，输入框被键盘遮挡，暂且还能忍 我起先是用html5的input代替，但是发现
cocos creator editBox 安卓 上推页面无法恢复
ymszss的博客
12-17 395
cocos creator editBox 安卓 上推页面无法恢复 原因 我调用了安卓的状态栏 解决： 在Theme.NoTitleBar.Fullscreen主题下 调取状态栏，页面上推后无法恢复 改成Theme.NoTitleBar 可以取消页面上推效果 这样就解决啦 ...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值