UGUI_Canvas Group应用之二射穿UI元素

在Unity中，Canvas Group是一个非常有用的组件，它允许开发者控制一组UI元素的可见性、透明度和交互性。这在制作复杂的用户界面时尤其有用，比如当你需要一次性显示或隐藏多个元素，或者在特定情况下禁用它们的交互性时。本文将详细介绍Canvas Group组件的使用方法和一些实用技巧。

一种可放置 Canvas 的元素，可用于修改子 Alpha、Raycasting、Enabled 状态。画布组可用于修改子元素的状态。随时间推移逐渐消失的窗口就是这样的一个示例。通过修改该组的 Alpha 值，将对子元素产生影响。最终的 Alpha 将是任何嵌套的组与画布元素的 Alpha 相乘的结果。也可以将画布组配置为不阻止射线投射（在计算图形射线投射时，将忽略该组中的所有内容），以及元素是否可交互。

Unity CanvasGroup组件

介绍： Canvas Group可以影响该组UI元素的部分性质，而不需要费力的对该组UI下的每个元素进行逐一得得调整。Canvas Group是同时作用于该组件UI下的全部元素。 参数： Alpha : 该组UI元素的透明度。注：每个UI最终的透明度是由此值和自身的alpha数值相乘得到。 Interactable : 是否需要交互（勾选的则是可交互），同时作用于该组全部UI元素。 ...

文章目录前言一、CanvasGroup是什么？二、使用步骤1.添加组件2.代码控制显示隐藏总结 前言 偶然在博客上看到的unity ugui的界面管理组件.看博客介绍性能跟SetActive(true)/(false)差别不大,但这个可以在控制显示/隐藏上有点独到的地方,淡入淡出,那些的 一、CanvasGroup是什么？ 可以控制Ugui Panel的显示隐藏,也可以通过这个组件控制Panel下所有的ui的反应,不如Button那些.如果想禁掉一个界面,但上面的ui显示出来,就可以用这个CanvasGr

使用Canvas Group组件实现在人物对话时禁用指定图层交互。

控制画布的交互性：通过设置 Canvas Group 组件的 Interactable 属性，可以控制画布是否可交互。将 Canvas Group 组件添加到画布上：在 Unity 编辑器中，选中画布对象，然后点击菜单栏的 Component -> UI -> Canvas Group，即可在画布上添加 Canvas Group 组件。控制画布的透明度：通过设置 Canvas Group 组件的 Alpha 属性，可以控制画布的透明度。将画布的交互性设置为 false。将画布的透明度设置为 0.5。

窗户+遮阳帘想看外面，拉开遮阳帘（透明度1）；不想看，拉下遮阳帘（透明度0）；想挡风挡雨，加厚遮阳帘（挡交互blocksRaycasts）；简单高效，省力省电。🎯总结能锁不拆，能隐不关，能盖不改，能动不炸！能遮不拆，能锁不禁，能控不乱，能省必省！

本文介绍了Unity中异形按钮和CanvasGroup的实现方法。异形按钮指非矩形的可交互区域，可通过两种方式实现：1）用透明图片子物体勾勒形状；2）代码设置像素检测阈值，但后者对图片格式有要求且性能较差。CanvasGroup则用于批量控制UI元素的透明度、交互状态等属性，通过父物体上的组件统一管理子物体，实现整体淡入淡出或禁用效果。这两种方案分别解决了非规则按钮交互和UI批量控制的问题，是Unity UI开发中的实用技巧。

Canvas Group是Unity中的一个组件，用于控制Canvas及其子对象的可见性、不透明度、交互性等属性。Canvas Group可以与UI元素一起使用，以便在运行时动态控制它们的属性。

如果我们想要整体控制一个UGUI面板的淡入淡出、整体禁用或者禁止射线检测。我们使用目前学习的知识点可能需要对各个UI元素单独进行控制，是无法方便快捷的设置的。如果我们还需要实现可以通过代码动态的控制UGUI的变化，更是尤为麻烦。好在UGUI给我们提供了一个新的组件——CanvasGroup画布组组件。

为了演示Canvas Grouop的使用，场景中建三个按钮，如下： 写个脚本test.cs接着给不同颜色的按钮绑定对应颜色的方法测试结果：调整red身上的CanvasGroup组件的alpha值，1为全部显示，0时，red和white全部不显示调整red身上的CanvasGroup组件的BlocksRaycasts值，true为正常点击触发，false时，red和white全部按钮不可点FR:海涛

在此模式下，画布的渲染效果就好像是在摄像机前面一定距离的平面对象上绘制的效果。画布的大小可以使用矩形变换来设置，但画布在屏幕上的大小将取决于摄像机的视角和距离。但是，借助画布缩放器中的“Scale Factor”设置，可以向画布中的所有 UI 元素应用常量缩放。这是一项内置的限制。此外，为了实现优化目的，还可以使用嵌套的画布，使一个画布作为另一个画布的子项。画布是一种带有画布组件的游戏对象，所有 UI 元素都必须是此类画布的子项。画布是一种带有画布组件的游戏对象，所有 UI 元素都必须是此类画布的子项。

-Alpha：这个选项很多组件都有，用处也是一样的，在美术中，这个叫做Alpha通道的东东是用来控制透明度的，他的值从0到1.0是完全透明，1是完全不透明； -Interactable：确认该组件是否接受输入，当他被设置为false时，交互功能将被禁用； -Block Raycasts：是否让该组件像collider一样接受射线检测？你需要在依赖于Canvas的图形射线检测者上唤醒射线检测方法。这个不会作用于Physics.Raycast; -Ignore Parent Groups(忽略父级团)..

Canvas Group是Unity引擎中的一个组件，用于控制Canvas对象的透明度和交互性。Canvas是Unity中用于绘制2D UI界面的组件，而Canvas Group则可以控制Canvas的透明度和交互性，从而实现一些特殊的效果，如淡入淡出、禁用交互等。Canvas Group可以在Inspector面板中进行设置，包括Alpha值、是否启用交互等。通过控制Canvas Group的属性，开发者可以实现更加灵活和多样化的UI界面效果。

一、demo演示        假设胶囊体是NPC，通过点击NPC来弹出一个窗口，然后点击CloseButton可以关闭窗口 ; 2.源代码链接：     ​    ​    ​链接：http://pan.baidu.com/s/1czxMgA 密码：ffj0

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 Group 为Panel面板对象添加Canvas Group组件，即可整体控制 参数相关： Alpha 整体透明度控制 Interactable 整体启用禁用设置（禁用后即按钮无法点击等） Blocks Raycasts 整体射线检测设置（禁用后按钮能点击但无法响应等） Ignore Parent Groups 是否忽略父级Canvas Group的作用 ...