Unity UGUI CanvasGroup组件的详解

最新推荐文章于 2025-03-08 23:23:21 发布
最新推荐文章于 2025-03-08 23:23:21 发布
阅读量7.4k 收藏 9
点赞数 4
分类专栏： Unity
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_14812585/article/details/86756730
版权

对于CanvasGroup组件，我们一定要引起高度重视，它很好用的呢。

首先创建一个buttonBig，它很大♂，我将它的image里面的颜色alpha调至一半，颜色稍红。添加CanvasGroup组件

然后创建两个小的button。他们都是默认的样子。

之后调整大button，使大Button在小Button的上面。

然后以大Button为父对象，创建一些UGUI的其他物件，像slider，toggle等。

好现在搭建完成，我们开始试验CanvasGroup

Alpha：控制父对象与全部子对象的透明度。

可以看到大Button及其子对象全部看不见了。

 

Interactable：控制父对象与子对象是否可以交互。false则全部失去交互功能。

你看看，button组件默认就有这个Interactable属性，我看了一下，UGUI自带的组件大多都有这个属性&#

最低0.47元/天 解锁文章
【Unity3D-UGUI系列】（一）Canvas 画布组件详解
CSDN博客专家，Unity3D高级软件工程师，《Unity 3D从入门到实战》作者。
08-26 1万+
推荐阅读 CSDN主页 GitHub开源地址 Unity3D插件分享 简书地址 我的个人博客 QQ群：1040082875   大家好，我是佛系工程师☆恬静的小魔龙☆，不定时更新Unity开发技巧，觉得有用记得一键三连哦。 很早就想分享这个系列的文章，但是总是没有机会，最近就将这个系列整理一下，大家一起学习交流。 一、前言 首先，介绍一个UGUI，NGUI是UGUI的前身，Unity开发团队将NGUI的开发团队收到自己开发团队下，并且由此开发了UGUI。 UGUI系统是从Unity 4.6版本后才开.
Unity 之 UGUI Canvas画布组件详解
陈言必行 -- Unity游戏开发领域优质博主
10-18 1万+
画布 (Canvas) 是应该容纳所有 UI 元素的区域。画布是一种带有画布组件的游戏对象，所有 UI 元素都必须是此类画布的子项。
「Unity3D」(5)CanvasGroup功能和Fade动画
scott.cgi
11-13 3204
CanvasGroup 对于UGUI来说，提供了十分重要的便利功能，并且能够受益于Unity实现的性能优化。从命名来看Group明显是针对“批量”操作的一个概念。对于复杂的UI界面，会有意想不到的效果和效率。 Alpha 能够控制所有子节点UI元素的透明度。无论界面多么的复杂，只要是Graphic的子类，都能够被控制。这省去了针对各个元素，运行时的遍历，或是设计时的配置。 Interactable
unity Canvas Group 笔记
daomingxiong的博客
02-22 2097
根据官方文档翻译Canvas Group可用于从一个地方控制整个UI元素组的某些方面，而无需分别处理它们。 Canvas组的属性会影响它所在的GameObject以及所有子对象。Alpha：该组中UI元素的不透明度。值介于0和1之间，其中0完全透明，1完全不透明。 请注意，元素也保留其自己的透明度，所以Canvas Group Alpha和各个UI元素的Alpha值相互成倍增加。Interacta...
Unity开发——CanvasGroup组件介绍和应用
最新发布
青岚岁叶的博客
03-08 1036
1、常用属性介绍 2、CanvasGroup的alpha和UI自身的alpha的异同 3、CanvasGroup的alpha和UI的visible的异同 4、CanvasGroup的blocksRaycasts和interactable之间的异同，及其应用
Unity-UI组件-Canvas Group组件
zhanxxiao的博客
02-25 1046
Canvas Group 面板的简介 这是一个比较精致的小组件，虽然内容不多。但是功能却很强大；下面首先我来介绍一下它的属性面板 Alpha：物体的透明度设置，控制父对象与全部子对象的透明度。 Interactable：控制父对象是否可以与子对象进行交互； （注：新手萌新不懂交互和父对象子对象的可以私博主） Blocks Rarcasts：检测是否阻挡射线的检测 Ignore Parent Gr...
Unity CanvasGroup组件
明明明的博客
08-03 835
Unity CanvasGroup组件
【Unity-UGUI控件全面解析】| Layout自动布局组件详解
努力前行，总会成为自己心中的那道光
06-06 2万+
UGUI中有个自动布局组件Auto Layout，主要包含下面几个模块（点击可进入官方文档下查看描述）： 自动布局 布局元素 (Layout Element) 水平布局组 (Horizontal Layout Group) 垂直布局组 (Vertical Layout Group) 网格布局组 (Grid Layout Group) 内容大小适配器 (Content Size Fitter) 自动布局系统 基于布局元素和布局控制器的概念。一个布局元素是具有矩形变换以及其他可选组件的游戏对象。布局元素对自身
【Unity-UGUI控件全面解析】| Canvas 画布组件详解
热门推荐
努力前行，总会成为自己心中的那道光
04-28 2万+
画布 (Canvas) 是应该容纳所有 UI 元素的区域。画布是一种带有画布组件的游戏对象，所有 UI 元素都必须是此类画布的子项。 创建新的 UI 元素（如使用菜单 GameObject > UI > Image 创建图像）时，如果场景中还没有画布，则会自动创建画布。UI 元素将创建为此画布的子项。 画布区域在 Scene 视图中显示为矩形。这样可以轻松定位 UI 元素，而无需始终显示 Game 视图。 画布 使用 EventSystem 对象来协助消息系统。
UGUI-- Canvas Group
Go_Accepted的博客
05-03 338
问题：如何整体控制一个面板的淡入淡出等 解决方案：Canvas Group 为Panel面板对象添加Canvas Group组件，即可整体控制 参数相关： Alpha 整体透明度控制 Interactable 整体启用禁用设置（禁用后即按钮无法点击等） Blocks Raycasts 整体射线检测设置（禁用后按钮能点击但无法响应等） Ignore Parent Groups 是否忽略父级Canvas Group的作用 ...
【unity3D】Canvas Group组件（图文版）
zhurouwanzi的博客
02-27 5789
画布组 (Canvas Group) 可集中控制整组 UI 元素的某些方面，无需单独处理每个元素。（画布组的属性会影响所在的游戏对象以及所有子对象）
unity中Canvas Group组件
weixin_44302602的博客
08-03 855
我们通过Canvas Group影响该组UI元素的部分性质，而不需要费力的对该组UI下的每个元素逐个调整 **Alpha：**该组UI元素的透明度。需要注意，每个UI最终的透明度是由此值和自身的alpha数值相乘得到。 **Interactable：**是否需要交互(勾选则可交互)，同时作用于该组全部UI元素 **Blcok Raycasts：**如果需要图形射线(GraphicRaycaster)检测。勾选后，可将此组件作为一个射线碰撞盒。 注意，不适用于Physics.Raycast。 **Ignor
Unity 3D GroupView控件（群组视图）
health的博客
07-25 455
群组视图可将多个视图放在一个群组中，群组中任何视图的坐标都是相对坐标，相对于群组视图左上角的坐标。 一般形式： GUI.BeginGroup (new Rect (10, 50, 200, 400)); //开始这个群组 /* 该群组中的内容，位置都是相对该群组左上角的位置而确定的 */ GUI.EndGroup (); //结束这个群组 具体示例...
Unity3d中UGUI组件精简复盘（二）Canvas及其相关组件
qq_1628941121的博客
06-09 3683
Canvas组件 canvas的三种渲染模式 所有的UI元素只有在Canvas下才能够正常显示 [外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-eYp0n4he-1622920236081)(C:\Users\Administrator\AppData\Roaming\Typora\typora-user-images\image-20210529205615721.png)] Screen Space - Overlay：UI元素始终在3D物体之上的 [外链图片转存失败,源站
2024-07-16 Unity插件 Odin Inspector6 —— Group Attributes
zheliku的博客
07-16 530
大于 1 的整数被视为像素。​ 本文介绍 Odin Inspector 插件中有关 Group 特性的使用方法。启用或禁用 ToggleGroup 的任何 bool 字段或属性的名称。与路径末尾标签重名的属性等于该值时，则满足条件。设置为 true，使整个选项卡组的高度保持恒定。将按钮绘制在组内，该组将响应其可用的水平空间。Inspector 窗口中显示的选项卡名称。Inspector 窗口中显示的标题名称。满足某个条件，则显示 / 隐藏指定组。选项卡组的显示顺序（从小到大）。按钮组中所有按钮的高度。
Unity技术手册-UGUI零基础详细教程-Graphic Raycaster 射线检测和Canvas Group_unity graphicraycaster
afagagagaa的博客
04-17 612
用于指定位置和大小的物理单位，有Centimenters厘米，Millimeters毫米，Inches英寸，Points点(1point=0.3527毫米=1/72英寸)，Picas派卡（1in = 2.54cm = 25.4 mm = 101.6Q = 72pt = 6pc = 96px）。如果屏幕的分辨率大于/小于预设的屏幕分辨率，则画布依然是按设置屏幕分辨率布局，然后放大/缩小来适应屏幕，这就造成致UI被不均匀的拉伸或缩小，页面看起来就不美观了。，谈吐间隐隐有王者霸气💚，日后定有一番大作为📝！
【Unity】CanvasGroup组件
好吃的和好看的都需要用实力来争取
12-14 857
-Alpha：这个选项很多组件都有，用处也是一样的，在美术中，这个叫做Alpha通道的东东是用来控制透明度的，他的值从0到1.0是完全透明，1是完全不透明； -Interactable：确认该组件是否接受输入，当他被设置为false时，交互功能将被禁用； -Block Raycasts：是否让该组件像collider一样接受射线检测？你需要在依赖于Canvas的图形射线检测者上唤醒射线检测方法。这个不会作用于Physics.Raycast; -Ignore Parent Groups(忽略父级团)..
canvas group
qq_20179331的博客
03-31 693
Canvas Group是Unity引擎中的一个组件，用于控制Canvas对象的透明度和交互性。Canvas是Unity中用于绘制2D UI界面的组件，而Canvas Group则可以控制Canvas的透明度和交互性，从而实现一些特殊的效果，如淡入淡出、禁用交互等。Canvas Group可以在Inspector面板中进行设置，包括Alpha值、是否启用交互等。通过控制Canvas Group的属性，开发者可以实现更加灵活和多样化的UI界面效果。
评论 3
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值