UGUI之Canvas Group

可以通过Canvas Group影响该组UI元素的部分性质,而不需要费力的对该组UI下的每个元素逐个调整。Canvas Group是同时作用于该组UI下的全部元素。

参数:
Alpha:该组UI元素的透明度。需要注意,每个UI最终的透明度是由此值和自身的alpha数值相乘得到。
Interactable:是否需要交互(勾选则可交互),同时作用于该组全部UI元素
Blcok Raycasts:如果需要图形射线(GraphicRaycaster)检测。勾选后,可将此组件作为一个射线碰撞盒。注意,不适用于Physics.Raycast。
Ignore Parent Groups:是否需要忽略父级对象中的CanvasGroup的设置。(勾选则忽略)

补充:
CanvasGroup的典型应用方式:
1.通过调整CanvasGroup的Alpha可以控制改组UI的淡入淡出
2.不勾选Interactable,可设置某个UI对象的所有子对象都不参与交互
3.通过设置Blcok Raycasts为false,可以使UI不阻挡鼠标(点击)事件

时间: 2024-11-09 03:42:37

UGUI之Canvas Group的相关文章

UGUI之Canvas和EventSystem

先介绍一下UGUI必不可缺的两个组件:Canvas和EventSystem 事实上在场景中第一次创建UGUI控件的时候,这两个物体都会自动添加到场景中,当然,必不可缺的不是这两个物体,而是他们身上挂载的组件. 一.Canvas作为所有UGUI控件的父级,他管理着下属所有控件的布局. Canvas组件: Render Mode(渲染模式):这里一般选择Screen Space - Camera,类似于NGUI的方式用特定的UI摄像机渲染UI,这种渲染模式个人觉得是最佳的,他完全将场景物体和UI进行

【UGUI】Canvas和Rect Transform

Canvas 1.所有的UI元件都需要放在Canvas里 2.UI元件的绘制顺序,与在 Hierarchy的顺序相同,在上面的元素会先被绘制,位于后续绘制元素的下面 3.可以选择3种不同的渲染模式: Screen Space - Overlay 类似于深度摄像机,会将UI渲染到游戏场景的最前面 Screen Space - Camera 类似于深度摄像机,但是可以选择一个Camera来渲染UI,因此可以调整Camera的相关属性 World Space 把UI看做3D空间中的一个Object来渲

Unity2017.1官方UGUI文档翻译——Canvas

Canvas 画布 The Canvas is the area that all UI elements should be inside. The Canvas is a Game Object with a Canvas component on it, and all UI elements must be children of such a Canvas. Creating a new UI element, such as an Image using the menu GameO

Unity2017.1官方UGUI文档翻译——Canvas Scaler

Canvas Scaler 画布缩放器 The Canvas Scaler component is used for controlling the overall scale and pixel density of UI elements in the Canvas. This scaling affects everything under the Canvas, including font sizes and image borders. “画布缩放器”组件用于控制画布中UI元素的整

【Unity笔记】UGUI中Canvas屏幕适配

1.通过RectTransform中的Anchors和Pivot来进行控件和窗体的布局适配. Anchors控制当前Panel相对于父窗体的布局位置,可以设置为居中或者左上角,当父窗体拉伸的时候当前Panel可以自动布局到正确位置.同时这里可以设置拉伸,比如主界面一般是全屏拉伸的,这种情况可以在这里处理. Pivot是当前控件坐标系的锚点位置,通过代码调整坐标位置的时候需要注意这个的设置. 2.通过CanvasScaler的设置来进行多分辨率适配.UiScaleMode一般选择Scale Wit

UGUI初学习--------Canvas

今天仔细研究了一下UGUI觉得有必要写一篇文章来分享一下.废话不多说直接开码字..... 作者之前也学过NGUI.这里来说明一下,UGUI和NGUI的渲染结构略有不同,UGUI中将NGUI中的深度处理项取消了.UGUI的渲染是按照Hierarchy的UI游戏对象的排列顺序从上到下依次渲染的,重叠部分后渲染的会把先渲染的挡住.总结一句话:下在上前,子在父前.为了修改各个UI控件的绘制顺序,开发者可以采用以下两种方法:拖动Hierarchy视图里的各UI控件对象,改变它们在Canvas下的排列顺序:

【转】 [UnityUI]UGUI射线检测

http://blog.csdn.net/lyh916/article/details/50947026 1.Graphic Raycaster 主要用于UI上的射线检测,挂有这个组件的物体,必须要挂上Canvas这个组件(当挂上Graphic Raycaster时Canvas也会自动挂上). Ignore Reversed Graphics:是否忽略反方向的图形,如果为true,则表示图形正面展示时,会接收到射线检测:反面展示时,不会接收到射线检测:否则,正反面展示都会接收到射线检测 Bloc

UGUI 整个界面的淡入淡出效果

以前用NGUI做界面,想让整个界面淡入淡出,可以直接改UIPanel组件的Alpha属性即可更改整个界面的透明度.那在UGUI中呢?有些同学可能想到了,像Text,Image这些组件都有继承Graphic类,这个类提供了CrossFadeAlpha()方法,可以做透明度渐变.但如果界面东西多了,要获取每个Graphic是挺麻烦了.其实还有一个很简便的方法,用起来跟NGUI差不多.就是CanvasGruop组件,把这个组件放到界面根节点上,对这个组件的alpha做改变就行了.看看官方文档的解释,

用UGUI制作手游新手指引

因为这几天工作上的需要,研究了下用UGUI制作新手指引.可以实现这个效果的方法有很多,都用了一遍,最后还是感觉这个方法比较好.我们需要创建一个画布,然后在画布下创建需要新手指引用到的按钮, 然后在需要新手指引的按钮上加2个组件,一个是 Graphic Raycaster 和Canvas ,Graphic Raycaster是用来是否接受可以交互的,Canvas是改变显示的,记得我们这里需要一个遮罩,就用一个Image来做吧 然后我们给这个4个按钮都加上这2个组件,因为这里我是测试所以我需要一运行