Unity__Canvas Group (使点击事件不被UI屏蔽或UI的所有子对象都不参与交互)

最新推荐文章于 2025-06-03 22:11:59 发布
转载 最新推荐文章于 2025-06-03 22:11:59 发布 · 4.6k 阅读 · 3

本文详细解析了Unity中CanvasGroup组件的作用及属性，包括Alpha、Interactable、BlcokRaycasts等，阐述如何利用这些属性实现UI元素的淡入淡出效果、控制交互状态以及调整射线检测，帮助开发者更高效地进行UI设计。

属性：

Alpha：该组UI元素的透明度。需要注意，每个UI最终的透明度是由此值和自身的alpha数值相乘得到。
Interactable：是否需要交互(勾选则可交互)，同时作用于该组全部UI元素
BlcokRaycasts：如果需要图形射线(GraphicRaycaster)检测。勾选后，可将此组件作为一个射线碰撞盒。注意，不适用于Physics.Raycast。
Ignore Parent Groups：是否需要忽略父级对象中的CanvasGroup的设置。(勾选则忽略)


CanvasGroup的典型应用方式：
1.通过调整CanvasGroup的Alpha可以控制改组UI的淡入淡出
2.不勾选Interactable，可设置某个UI对象的所有子对象都不参与交互
3.通过设置Blcok Raycasts为false，可以使UI不阻挡鼠标(点击)事件

【unity游戏开发入门到精通——UGUI】整体控制一个UGUI面板的淡入淡出——CanvasGroup画布组组件的使用
向宇
05-03 1056
如果我们想要整体控制一个UGUI面板的淡入淡出、整体禁用或者禁止射线检测。我们使用目前学习的知识点可能需要对各个UI元素单独进行控制，是无法方便快捷的设置的。如果我们还需要实现可以通过代码动态的控制UGUI的变化，更是尤为麻烦。好在UGUI给我们提供了一个新的组件——CanvasGroup画布组组件。
Unity引擎开发：2D与3D渲染技术_UI渲染与交互
chenlz2007的博客
02-12 1189
在动作游戏中，UI的设计和渲染不仅需要美观和直观，还需要高效和响应迅速。通过本节的介绍，你已经了解了如何在Unity中创建和管理UI元素，实现布局、动画、交互和多语言支持，以及如何进行高级的UI技术如动态更新、遮罩和裁剪、性能优化和适配不同分辨率。此外，我们还介绍了如何在UI中添加音效和粒子效果，以及如何管理和优化UI状态。希望这些内容能帮助你设计出更加优秀的用户界面，提升游戏的整体体验。如果你有任何疑问或需要进一步的帮助，请随时参考Unity官方文档或社区资源，祝你在游戏开发的旅途中一切顺利！
Unity 使用Canvas Group时，出现子按钮无法点击的现象
weixin_43874560的博客
07-16 1902
在做UI界面的出现动画时，使用到Canvas Group，一定要仔细检查动画中的Interactable和Blocks Raycasts 是否勾选，只有这两个都勾选，按钮才能够正常使用。另外，当UI处于后台状态时，最好把Interactable和Blocks Raycasts 取消选中，因为Alpha只是控制透明度，需要控制在后台时按钮不会被误触。3、在使用Canvas Group同一管理UI组件时出现的无法选中现象。（初学unity遇到的问题，如果文章中有错误欢迎指出）2、有可能被其他UI组件挡住。
Unity 鼠标点击事件穿透
m0_46664771的博客
04-19 4186
在做项目的时候我是使用onMouseDown来处理点击3D物体的事件的，但发现在点击游戏UI的时候也会触发UI下面的3D物体的点击事件，这样可不行。 于是我参考了这篇文章： https://blog.youkuaiyun.com/wealupa/article/details/117604939 修改成功！总结如下： 只触发上层UI，不触发UI下面的物体点击事件： 使用上面那篇文章中的“通过事件，实现接口IPointerClickHandler”方法 要点： 给场景中的Camera添加PhysicsRaycast
unity 点击UI时不触发场景物体的响应
热门推荐
SunnyIn优快云的博客
05-18 1万+
场景描述：有一个canvas，为spaceoverlay格式，有若干panel、button子物体；有一个terrain，具有碰撞器； 事件描述：点击屏幕，在点击位置生成一个小圆球，拖动小圆球可以改变位置，选中小圆球可进行删除操作； 问题描述：点击UI控件时，场景中不生成小圆球，也不会触发任何小圆球的响应时间。 下面给出三种方法： 1.对于点击UI时不出发场景物体的响应，网上绝大部分回
UGUI组件（2）Canvas Group
11-26 523
版本：Unity5.4.2f1 组件名：Canvas Group （2）Canvas Group 手册：https://docs.unity3d.com/Manual/class-CanvasGroup.html 可以通过Canvas Group影响该组UI元素的部分性质，而不需要费力的对该组UI下的每个元素逐个调整。Canvas Group是同时作用于该组UI下的全部元素。 参数： ...
UGUI-- Canvas Group
Go_Accepted的博客
05-03 378
问题：如何整体控制一个面板的淡入淡出等 解决方案：Canvas Group 为Panel面板对象添加Canvas Group组件，即可整体控制 参数相关： Alpha 整体透明度控制 Interactable 整体启用禁用设置（禁用后即按钮无法点击等） Blocks Raycasts 整体射线检测设置（禁用后按钮能点击但无法响应等） Ignore Parent Groups 是否忽略父级Canvas Group的作用 ...
UGUI的Canvas Group的使用
海涛高软
10-24 3957
为了演示Canvas Grouop的使用，场景中建三个按钮，如下： 写个脚本test.cs接着给不同颜色的按钮绑定对应颜色的方法测试结果：调整red身上的CanvasGroup组件的alpha值，1为全部显示，0时，red和white全部不显示调整red身上的CanvasGroup组件的BlocksRaycasts值，true为正常点击触发，false时，red和white全部按钮不可点FR:海涛
精选资源
UI框架_unityui框架_unity_
10-01
7. Layout Groups：为了方便地组织和排列UI元素，Unity提供了几种布局组（Layout Group），如Vertical Layout Group和Horizontal Layout Group，可以自动调整子对象的大小和位置，以适应不同的布局需求。 8. UI ...
unity UI Canvas“高”性能写法
qq_41179365的博客
06-03 1362
Canvas属性舞台比喻UI行为Canvas（本体）舞台大幕承载所有演员（UI元素）。布景方式（固定、跟着摄像机移动、放在舞台上）决定UI是贴屏幕的、跟视角走的，还是放世界里的。舞台层次谁在前谁在后。高精度舞台灯要求灯光精准打到演员上，但设备吃力。小舞台组同时操控一批演员的开关。舞台尺寸随观众坐远近自动调整适配不同分辨率的屏幕，防止UI变形。能静不动，能拆不全，能少不多，能Overlay不Camera，能Camera不World！啊，明白了！
Unity引擎开发：Unity基础入门_Unity用户界面(UI)
chenlz2007的博客
02-18 1188
创建语言字典创建一个新的C#脚本，命名为。// 这是一个语言字典脚本，用于存储不同语言的文本内容{ "start", "开始" },{ "pause", "暂停" },{ "resume", "继续" }// 当前语言// 根据当前语言返回相应的文本内容chinese[key] : "未知";创建UI元素选择Canvas，右键点击，选择UI->Text，创建多个文本对象。创建脚本创建一个新的C#脚本，命名为。将脚本附加到Canvas对象上。
Unity开发——CanvasGroup组件介绍和应用
青岚岁叶的博客
03-08 1830
1、常用属性介绍 2、CanvasGroup的alpha和UI自身的alpha的异同 3、CanvasGroup的alpha和UI的visible的异同 4、CanvasGroup的blocksRaycasts和interactable之间的异同，及其应用
UGUI中的CanvasGroup组件Interactable在某些控件上无效的问题
听星的专栏
11-26 1097
界面框架使用的CanvasGroup组件的Interactable来作为界面是否可用的开关，使用过程中遇到几个问题 引入RuntimeEditor中的VirtualizingTreeView控件作为列表控件，发现不受这个参数的影响 这个问题是由于VirtualizingTreeView重写了点击逻辑，在父类VirtualizingItemsControl中自己写了一套点击拖动的逻辑，然后点击，拖动等行为没有针对Interactable的状态做修改。 解决的话，参考InputField控件添加了一个MayD
UGUI_Canvas Group应用之一淡入淡出整个窗口
YE_wolf的博客
10-09 1656
一、demo演示        假设胶囊体是NPC，通过点击NPC来弹出一个窗口，然后点击CloseButton可以关闭窗口 ; 2.源代码链接：     ​    ​    ​链接：http://pan.baidu.com/s/1czxMgA 密码：ffj0
UGUI_Canvas Group应用之二射穿UI元素
YE_wolf的博客
10-09 357
一、demo演示        点击被Button遮住的Image区域，Button无响应，Image有响应 2.源代码链接：             链接：http://pan.baidu.com/s/1gf9wYt1 密码：4je2
Unity3d中UGUI组件精简复盘（二）Canvas及其相关组件
qq_1628941121的博客
06-09 3840
Canvas组件 canvas的三种渲染模式 所有的UI元素只有在Canvas下才能够正常显示 [外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-eYp0n4he-1622920236081)(C:\Users\Administrator\AppData\Roaming\Typora\typora-user-images\image-20210529205615721.png)] Screen Space - Overlay：UI元素始终在3D物体之上的 [外链图片转存失败,源站
Canvas控件之CanvasGroup
ddry47579的博客
11-02 820
Canvas Group可以用来控制一组不需要个别控制的UI元素的某些方面，CanvasGroup的属性会影响他所有children的GameObject 其中有四个选项： -Alpha：这个选项很多组件都有，用处也是一样的，在美术中，这个叫做Alpha通道的东东是用来控制透明度的，他的值从0到1.0是完全透明，1是完全不透明； -Interactable确认该组件是否接受输入...
UGUI Canvas（画布）详解
icewave的博客
04-02 249
在此模式下，画布的渲染效果就好像是在摄像机前面一定距离的平面对象上绘制的效果。画布的大小可以使用矩形变换来设置，但画布在屏幕上的大小将取决于摄像机的视角和距离。但是，借助画布缩放器中的“Scale Factor”设置，可以向画布中的所有 UI 元素应用常量缩放。这是一项内置的限制。此外，为了实现优化目的，还可以使用嵌套的画布，使一个画布作为另一个画布的子项。画布是一种带有画布组件的游戏对象，所有 UI 元素都必须是此类画布的子项。画布是一种带有画布组件的游戏对象，所有 UI 元素都必须是此类画布的子项。
Unity CanvasGroup
中灰灰的博客
10-26 1196
文章目录前言一、CanvasGroup是什么？二、使用步骤1.添加组件2.代码控制显示隐藏总结 前言 偶然在博客上看到的unity ugui的界面管理组件.看博客介绍性能跟SetActive(true)/(false)差别不大,但这个可以在控制显示/隐藏上有点独到的地方,淡入淡出,那些的 一、CanvasGroup是什么？ 可以控制Ugui Panel的显示隐藏,也可以通过这个组件控制Panel下所有的ui的反应,不如Button那些.如果想禁掉一个界面,但上面的ui显示出来,就可以用这个CanvasGr
在unity中怎么让Image不可交互，以免点击不到下面的UI
最新发布
08-20
在Unity中，如果希望禁用`Image`组件的交互功能，以便点击事件可以穿透到下层的UI元素，可以通过以下几种方式实现： 1. **禁用`Image`的`Raycast Target`属性** `Image`组件默认会参与射线检测（Raycast），这意味着它会拦截输入事件。为了使点击事件穿透该`Image`，可以在Inspector中取消勾选`Image`组件的`Raycast Target`选项。这样，该`Image`将不再拦截点击事件，事件会继续传递到下层的UI元素。 2. **使用`CanvasGroup`控制交互性** 如果需要动态控制一组UI元素的交互性，可以使用`CanvasGroup`组件。通过将`CanvasGroup`附加到包含`Image`的UI对象上，并设置`Interactable`为`false`，可以禁用该对象及其子对象的交互性，同时不影响其可见性。这也可以间接实现点击穿透的效果。 3. **自定义UI组件** 如果上述方法无法满足需求，可以通过继承`Image`并重写`IsRaycastLocationValid`方法来实现更精细的控制。例如，可以创建一个自定义的`Image`组件，并在其中根据特定条件决定是否允许射线检测。以下是一个示例代码： ```csharp using UnityEngine; using UnityEngine.UI; [RequireComponent(typeof(CanvasRenderer))] public class ClickThroughImage : Image { public override bool IsRaycastLocationValid(Vector2 screenPoint, Camera eventCamera) { // 返回false表示不允许射线检测，点击事件会穿透到下层 return false; } } ``` 将上述脚本附加到需要点击穿透的`Image`对象上，即可实现点击事件的穿透效果。 4. **使用空的`Button`组件** 如果需要完全禁用某个UI元素的交互性，但仍然希望保留其视觉表现，可以考虑在该元素上附加一个空的`Button`组件，并将其`Interactable`属性设置为`false`。这样，点击事件会忽略该元素并传递到下层。 通过上述方法，可以灵活地控制Unity中`Image`组件的交互行为，从而实现点击事件穿透到下层UI元素的需求。 ---
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值