使用CanvasGroup实现渐隐渐显效果

在为image添加组件的时候我们发现一个Canvas Group的组件
添加了这个组件,我们发现几个值

Alpha:该组UI元素的透明度. 这里的alpha值与color.a是对应的,即意味着我们改变这个值的同时就改变了该图片的透明度,它的区间是0-1. 0为alpha为0,1为alpha为255.

我们可以看到这个alpha值是一个float,可以直接赋值,这样就方便很多.

有一点需要注意的是,初始时color.a 需要设置为255,否则会与canvasgroup里的alpha值冲突.

这是渐显效果,渐隐的话讲+=改为-=就可以了.

Interactable:是否需要交互(勾选则可交互),同时作用于该组全部UI元素

Blcok Raycasts:如果需要图形射线(GraphicRaycaster)检测。勾选后,可将此组件作为一个射线碰撞盒。注意,不适用于Physics.Raycast。

Ignore Parent Groups:是否需要忽略父级对象中的CanvasGroup的设置。(勾选则忽略)

你可能感兴趣的:(使用CanvasGroup实现渐隐渐显效果)