【unity3D】Canvas Group组件(图文版)

💗 未来的游戏开发程序媛,现在的努力学习菜鸡
💦本专栏是我关于游戏开发的学习笔记
🈶本篇是unity的Canvas Group组件

介绍

画布组 (Canvas Group) 可集中控制整组 UI 元素的某些方面,无需单独处理每个元素。(画布组的属性会影响所在的游戏对象以及所有子对象)
在这里插入图片描述

属性说明
Alpha透明度
Interactable是否为可交互的
Blocks Raycasts是否作为射线投射的碰撞体
Ignore Parent Groups是否受到父物体的Canvas Group的影响

详解

1. Alpha

该值介于 0 和 1 之间,其中 0 表示完全透明,1 表示完全不透明。请注意,UI 元素也会保留自己的透明度,因此画布组的 Alpha 值将与各个元素的 Alpha 值彼此相乘。

一个小应用:更换AVG游戏的背景

场景1的背景图:
在这里插入图片描述
场景2的背景图:

在这里插入图片描述
通过调节alpha实现的效果:
(由场景1渐变到背景2)
在这里插入图片描述


2. Interactable

勾选,代表接受交互,不勾选,canvas group所挂载的游戏对象及其子物体都不接受交互。

勾选Interactable的image,其子物体按钮可以正常点击。
在这里插入图片描述

在这里插入图片描述

勾选Interactable的image,其子物体按钮不可以点击。
在这里插入图片描述

在这里插入图片描述


3. Blocks Raycasts

是否接收图形射线的检测(不适用于 Physics.Raycast)。

勾选:
在这里插入图片描述

不勾选:
在这里插入图片描述

(这个功能可用于在做捕鱼达人,鼠标点击ui上而影响到检测而导致不发炮这种类似的问题上,通过不勾选来不影响鼠标事件)


4. Ignore Parent Groups

是否忽视更上层的画布组 (Canvas Group) 组件中的设置所带来的影响。

例子:现在image(绿色)和image(红色)都挂载上canvas group 组件,通过调节image(绿色)的透明度(alpha)来查看勾选与不勾选的区别。
在这里插入图片描述
这是没有勾选(子物体会随着父物体canvas group中设置的改变而改变):
在这里插入图片描述

这是勾选(子物体会忽视父物体canvas group中设置的改变):
在这里插入图片描述


💗希望我记录下来的东西可以帮助到你!!
💦更多内容请前往主页置顶或点击链接直达:【unity3D】游戏开发专栏的目录

  • 11
    点赞
  • 18
    收藏
    觉得还不错? 一键收藏
  • 打赏
    打赏
  • 1
    评论
Unity3D中,可以使用RectTransformUtility类中的ScreenPointToLocalPointInRectangle方法来进行坐标系的转换。具体的代码实现如下所示: ``` Camera camera = GameObject.Find("Main Camera").GetComponent<Camera>(); RectTransform canvas = GameObject.Find("Canvas").GetComponent<RectTransform>(); // 获取世界坐标在Canvas中的相对坐标 Vector2 localPos = Vector3.zero; RectTransformUtility.ScreenPointToLocalPointInRectangle(canvas, camera.WorldToScreenPoint(transform.position), camera, out localPos); Debug.Log(localPos); // 遍历子物体,获取子物体在Canvas中的相对坐标 foreach (Transform trans in transform) { RectTransformUtility.ScreenPointToLocalPointInRectangle(canvas, camera.WorldToScreenPoint(trans.position), camera, out localPos); Debug.Log(localPos); } ``` 上述代码可以将世界坐标转换为指定Canvas的相对坐标。其中,`camera`表示主相机,`canvas`表示目标Canvas,`transform`表示需要转换的物体的Transform组件。通过调用`RectTransformUtility.ScreenPointToLocalPointInRectangle`方法,将世界坐标转换为Canvas中的相对坐标,并将结果存储在`localPos`变量中。 请注意,以上代码只是示例,您需要根据自己的具体场景进行相应的调整和修改。<span class="em">1</span><span class="em">2</span><span class="em">3</span> #### 引用[.reference_title] - *1* *2* [Unity各种坐标转换](https://blog.csdn.net/qq_30058057/article/details/105413689)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v92^chatsearchT3_1"}}] [.reference_item style="max-width: 50%"] - *3* [Unity3d UI控件相对于Canvas坐标](https://blog.csdn.net/wangningzk123/article/details/107111468)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v92^chatsearchT3_1"}}] [.reference_item style="max-width: 50%"] [ .reference_list ]

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

猪肉丸子~

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

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

余额充值