使用CanvasGroup实现渐隐渐显效果
2017-07-10 11:54
387 查看
在为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的设置。(勾选则忽略)
原文链接:http://www.vr910.com/forum.php?mod=viewthread&tid=5531
添加了这个组件,我们发现几个值
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的设置。(勾选则忽略)
原文链接:http://www.vr910.com/forum.php?mod=viewthread&tid=5531
相关文章推荐
- 用jQuery实现渐隐渐显的返回顶部效果(附多图)
- 【Android界面实现】使用Canvas对象实现“刮刮乐”效果
- 使用canvas实现擦玻璃效果
- Android自定义View使用canvas实现轮播图效果
- 使用RadioGroup实现底部导航栏效果,不需要java代码。
- android-使用ViewGroup实现左右滑动切换界面以及界面裂开的效果
- Android开发——使用RadioGroup及Fragment来实现底部Tab效果
- 使用canvas实现擦玻璃效果---转载
- 使用RadioGroup及Fragment来实现底部Tab效果 (AS版本)
- 在Unity5中使用C#脚本实现UI的下滑、变色、渐隐渐现效果
- 使用Canvas实现动画效果 | DKlogs -- 设计 | 生活
- 使用HTML5中的Canvas实现2D水池效果
- 使用Fragment和RadioGroup实现类似ios的tabbar的效果
- 【Android界面实现】使用Canvas对象实现“刮刮乐”效果
- js实现图片渐隐渐显的切换效果
- 【Android界面实现】使用Canvas对象实现“刮刮乐”效果
- 使用RadioGroup+ViewPager+Fragment实现带滑动的页卡效果TabHost时遇到的问题
- 使用JavaScript和Canvas实现下雪动画效果
- Android控件笔记——使用RadioGroup和RadioButton实现单选效果
- Android 使用RadioGroup和RadioButton实现单选效果