CocosCreator之Toggle组件

最新推荐文章于 2025-02-21 15:44:44 发布
原创 最新推荐文章于 2025-02-21 15:44:44 发布
· 2.4k 阅读 · 2 ·
版权
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
文章标签：

#cocos-creator #游戏

没有艰辛，便无所获。

官方文档：Toggle 组件参考 · Cocos Creator

Toggle 是一个 CheckBox复选框，当它和 ToggleGroup 一起使用的时候，可以变成 RadioButton单选框。

层级管理器：

父节点需要有ToggleContainer组件

子节点单选页签要有Toggle组件

代码选中指定页签：

node.getComponent(cc.Toggle).isChecked = true;
// 这个状态为true后，会展示对应精灵。且把其他Toggle设为false。

ToggleContainer组件

 check_events：点击任意toggle按钮都会触发此点击事件。

Toggle组件理解，与按钮类似

 

interactable：按钮是否启用。

is_checked：是否选中当前按钮。

check_mask：当被选中时，显示的精灵。请统一命名为：checkmark。

toggle_group：这个属性是可选的。如果这个为 null，则 Toggle 是一个 CheckBox，否则，Toggle 是一个 RadioButton。【其实把toggle节点放在ToggleContainer节点下面就是RadioButton】

check_events：点击事件。

整理不易，关注收藏不迷路。

目录：CocosCreator经典笔记_神兽白泽-优快云博客

笔者qq、微信：1302109196

qq群：415468592

Cocos Creator引擎开发：UI组件开发all
chenlz2007的博客
11-03 783
Cocos Creator 中的UI组件是构建游戏界面的基础。除了上述常见的UI组件外，Cocos Creator还支持自定义UI组件。通过继承并添加自定义属性和方法，可以创建满足特定需求的UI组件。创建自定义组件在项目中创建一个新的脚本文件。继承并添加自定义属性和方法。注册自定义组件在编辑器中注册自定义组件，使其可以在UI节点中使用。使用自定义组件在场景中创建一个Node。为该Node添加自定义组件。示例代码cc.Class({// 自定义属性},},},// 初始化自定义属性。
Cocos Creator引擎开发：UI组件开发_UI组件概述
chenlz2007的博客
11-02 1086
在Cocos Creator中，开发者可以通过继承Component类创建自定义的UI组件。自定义组件可以包含多个子节点和子组件，并通过脚本实现特定的功能。### 示例：创建一个自定义的UI组件1. 在Cocos Creator的Node面板中，右键点击场景根节点，选择`Create -> UI -> Custom`，创建一个自定义的UI节点。2. 选择创建的自定义UI节点，在Inspector面板中点击`Add Component`，选择`New Script`，创建一个新的脚本。
【Cocos Creator实战教程(9)】——UI组件（3）Toggle 组件
12-05 375
1. 相关知识点 Toggle是一个CheckBox，当它和ToggleGroup一起使用的时候，可以变成RadioButton。也就是经常用到的选择、多选按钮 1.1 Toggle 属性 属性 功能说明 isChecked 布尔类型，如果这个设置为 true，则 check mark 组件会处于 enabled 状态，否则处于 d...
Cocos Creator (Toggle组件详解)
热门推荐
qq_38269366的博客
04-04 1万+
前言 Toggle 是一个 CheckBox，他可以与 ToggleGroup/ToggleContainer 一起使用，也就是多项单选按钮。 Toggle 组件 点击 属性检查器 下面的 添加组件 按钮，然后选择 UI组件 中的 Toggle，即可将 Toggle 组件 添加至节点。 想要查看 Toggle组件 的API，请点击这里，这里截取部分 Toggle组件 的API用作说明。 · · ...
CocosCreator的ToggleGroup组件使用
大猪的博客
11-20 4942
用了CocosCreator也有一段时间，对ToggleGroup始终没有仔细的学习过，只停留在用过的水平。所以因为认识有限，所以以为ToggleGroup对自定义支持得没那么好，这两天因为项目，再学习了一下，发现ToggleGroup的toggleItems属性有着很大的作用。 ToggleGroup的toggle事件对checkmark作的仅仅是隐藏和显示，而对background节点着没有
cocosCreator 之 Toggle和ToggleContainer复选框的使用和拓展
鹤九日的博客
10-24 2519
Toggle用于实现复选框CheckBox不可见，一般不会单独使用，多用于配合多个Toggle，用于实现单选框RadioButton继承结构如下：fill:#333;color:#333;color:#333;fill:none;ToggleButtonComponentToggle的实现继承于Button，因此使用Toggle与Button有很多相同之处，比如：用于设置是否可交互，如果未勾选表示禁用Transition。
Cocos Creator 教程:ToggleOne(自定义控件)
Leo501的博客
11-26 1795
前言：如果在游戏中使用开关组件的话，一般会使用Toggle。可是总有一些开关的两态是不重叠，图片会有一大一小。这个时候还使用Toggle的话，就会出现问题。那可以使用将要介绍的自定义控制ToggleOne。组件的功能跟Toggle一样，只是在选中与未选中时，只显示对应的图片，另一张会隐藏。文章最后会给出一个Demo给大家参考。 效果 未选中状态 选中状态 ###代码实现 代码很简单，主要是查看...
精选_【Cocos Creator实战教程(9)】——UI组件（3）Toggle 组件_源码打包
03-08
在Cocos Creator游戏开发框架中，UI组件是构建用户界面不可或缺的部分，而Toggle组件则是其中一种重要的交互元素。本教程将深入讲解Toggle组件的使用，帮助开发者更好地理解和应用这一功能。 Toggle组件，又称为...
Cocos Creator引擎开发：Cocos Creator基础入门_UI系统
chenlz2007的博客
10-24 1066
Cocos Creator提供了多种UI组件，这些组件可以帮助开发者快速构建用户界面。Label：用于显示文本。Button：用于触发事件的按钮。Image：用于显示图片。Sprite：用于显示精灵图。：用于显示进度条。Slider：用于滑动选择值。Toggle：用于开关选择。ScrollView：用于滚动显示内容。Canvas：用于管理UI节点的根节点。除了内置的事件类型，Cocos Creator还支持自定义事件。可以通过类来创建自定义事件，并通过方法来派发事件。// 创建自定义事件。
cocos学习-toggle
m0_58041883的博客
08-03 763
ToggleContainer的toggle一次性只能选一个，当一组 Toggle 属于同一个 ToggleContainer 的时候，任何时候只能有一个 Toggle 处于选中状态。文档上说Toggle 是一个 CheckBox，当它和 ToggleGroup 一起使用的时候，可以变成 RadioButton。Zoom Scale：点击Toggle后，缩放的一个值。Toggle Group：Toggle所属的Toggle Group。Background就是Toggle的背景，隐藏掉就剩下一个‘✔’
Cocos Creator2.x Toggle组件使用
最新发布
qq_50512185的博客
02-21 161
toggle,复选框，单选框
Cocoscreator Toggle 用法简介
qq_40065163的博客
10-29 2541
这是场景中的toggle ,目前是勾选状态。初始是否勾选可以通过下图的1箭头isChecked参数来定。勾选了ischecked，则场景中的toggle也是勾选的。未勾选同理。 代码获取是否勾选方法：自定义方法，添加点击事件，下图的2箭头是添加点击事件的方法之一，亦可代码touchstart方式添加。 在方法的参数eve...
cocos Creator ToggleContainer
Fanstasic的博客
04-08 3109
在层级管理器中添加Layout节点，讲Toggle放在Layout下 往Layout节点中添加ToggleContainer组件，即可实现 RadioButton的单选效果。 参考文章：https://www.jianshu.com/p/7353ea1d1b83 ...
Cocos Creator关于UI组件的使用体会（二）（Toggle、RadioButton、Slider）
programmer_trip的博客
10-28 1643
Cocos Creator关于UI组件的使用体会（二）（Toggle、RadioButton） 1、Toggle组件： 常用于实现复选框功能(CheckBox)，可反复勾选，取消勾选。 属性： isChecked：若为true,，则 check mark 组件会处于 enabled 状态，否则处于 disabled 状态; checkMark:为cc.Sprite类型，Toggle 处于选中状态...
CocosCreator Toggle的不可点击没有变成Disabled下的spriteframe
a543658883的博客
01-14 663
我的Creator版本是v2.2.2 Toggle是继承Button组件的，所以问题从Button里面找，一顿操作过后发现是Button里的_sprite属性为null，而_sprite是在下面这个函数设置的 _applyTarget () { let target = this._getTarget(); this._sprite = this._getTargetSprite(target); if (!this._originalScale) {
cocos creator   cc.Toggle    toggleContainer 之单选按钮设置失效
易博客
03-06 3301
问题 ： 想要在单选组中设置一个默认状态，读取本地配置文件的时候无法刷新单选框状态，入下图 设置 ischeck 和check 无效 ， getComponent(cc.Toggle).check(); getComponet(cc.Toggle).isChecked=true 解决： 切换单选按钮前要先打开操作节点，然后再切换单选属性。顺序颠倒则无效 active...
Cocos Creator 踩坑 - Toggle Group 与 Toggle Container
qq_38269366的博客
04-04 6132
要用 Toggle Container， Toggle Group 有些问题 前言 因为踩了这个坑，所以也特意补发了一章 关于 Toggle 的文章 回归正文。 ToggleGroup/ToggleContainer 不是一个可见的 UI 组件，它可以用来修改一组 Toggle 组件的行为。 当一组 Toggle 属于同一个 ToggleGroup/ToggleContainer 的时候，就只能有...
Cocos2d-x MenuItemToggle 实现开关按钮
眭
05-20 2480
最近做自己的塔防游戏的时候用到的，作为记录记载下来。MenuItemToggle可以实现按钮的开关两种状态，类似”ON”->”OFF”.void SettingScene::addMenuItems(){ auto size=Director::getInstance()->getWinSize(); /*添加返回按钮*/ auto backMenuItem=MenuItemI
评论 1
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值