【转】(二)unity4.6Ugui中文教程文档-------概要-UGUI Canvas

原创至上,移步请戳:(二)unity4.6Ugui中文教程文档-------概要-UGUI Canvas

UI系统允许您快速、直观地创建用户界面(Ui)。这是Unity的新 UI 系统的主要功能介绍。

一、UI Overview概要

在这篇概述中,我们就去通过 UI系统的基础知识。我们将开始介绍Canvas(画布)并将所有 UI 元素都放在里面,和使用Rect ToolRect Transform进行UI元素排版。然后我们来看看视觉元素像TextImage,和交互控件,如Button按钮和Slider滑块。

1、Canvas

Canvas画布是摆放容纳所有的 UI 元素的区域。画布是一个游戏对象上的某个Canvas component组件,所有的 UI 元素必须是这个画布的子对象。

当您想创建新的 UI元素,如Image,那么就单击菜单创建:GameObject > UI > Image或者Hierarchy面板中Create->UI->Image,同时一个画布也自动的创建,如果在场景中已经存在一个画布。那么新建的UI元素Image被创建之后就直接作为这早就存在的画布上。

画布区域被显示为一个矩形在场景视图中。这使得它易于定位 UI元素,在任何时候都可以看到,不需要有游戏视图。

画布上有一个Render模式设置:screen space(overlay/Camare) 或 world space,可以设置render方式。

1.1 Screen Space - Overlay

这种渲染模式下,在场景中UI元素被渲染在屏幕上。如果屏幕大小改变或更改了分辨率,画布上将自动更改大小,以很好的相匹配。

UI in screen space overlay canvas

1.2 Screen Space - Camera

这是类似于Screen Space - Overlay,但在这个渲染模式下,画布被放置在指定的Camera前的一个给定的距离上。通过这个指定的摄像机UI元素被呈现出来,这意味着Camera settings会影响到UI的显示。如果将相机设置为Perspective,UI元素将在perspective下被呈现,perspective失真数可以被控制通过设置观看的Camera Field大小。如果屏幕调整的大小或更改分辨率或相机锥范围变化,画布上将自动更改大小,以及相匹配。

UI in screen space camera canvas

1.3 World Space

此渲染模式下使画布在场景中表现任何其他对象。可以手动使用其Rect Transform来设置画布的大小,和UI元素将会呈现在其他对象的前面或后面在基于 3D 配置的场景中。这是对于所有Ui是有用的,他们是world space的一部分,有时也被引用为剧情接口。

UI in world space canvas

时间: 2024-08-10 14:57:47

【转】(二)unity4.6Ugui中文教程文档-------概要-UGUI Canvas的相关文章

[转](二)unity4.6Ugui中文教程文档-------概要-UGUI Canvas

大家好,我是孙广东.   转载请注明出处:http://write.blog.csdn.net/postedit/38922399 更全的内容请看我的游戏蛮牛地址:http://www.unitymanual.com/forum.php?mod=guide&view=my UI系统允许您快速.直观地创建用户界面(Ui).这是Unity的新 UI 系统的主要功能介绍. 一.UI Overview概要 在这篇概述中,我们就去通过 UI系统的基础知识.我们将开始介绍Canvas(画布)并将所有 UI 

【转】(八)unity4.6Ugui中文教程文档-------概要-UGUI Rich Text

原创至上,移步请戳:(八)unity4.6Ugui中文教程文档-------概要-UGUI Rich Text 7.Rich Text UI元素和文本网格的文本可以合并多个字体样式和大小.对 UI系统和传统的 GUI系统都支持富文本.Text. GUIStyle. GUIText和 TextMesh的类有丰富文本设置指导unity寻找tags标记的文本.Debug.Log函数也可以使用这些标记来提高代码的错误报告.tags不会显示,但显示样式的更改会应用于文本. 7.1 Markup forma

【转】(六)unity4.6Ugui中文教程文档-------概要-UGUI Animation Integration

原创至上,移步请戳:(六)unity4.6Ugui中文教程文档-------概要-UGUI Animation Integration 5.Animation Integration(动画集成) 动画允许控件的所有状态之间相互转换,充分使用unity的动画系统.这是最强大的的转换模式的在处理很多属性的同时可以进行动画. 要使用动画转换模式,动画组件需要连接到该控制器的元素.这可以通过单击“Auto Generate Animation”.自动完成.这个动画控制器的所有状态已经被设置完成了,会弹出

【转】(五)unity4.6Ugui中文教程文档-------概要-UGUI Interaction Components

原创至上,移步请戳:(五)unity4.6Ugui中文教程文档-------概要-UGUI Interaction Components 4.Interaction Components 本节涵盖了处理交互,例如鼠标或触摸事件和使用键盘或控制器交互的 UI系统中的组件. 4.1 Selectable BaseClass 所有交互组件都有一些共同点.selectables是他们所有的控件的基类,这意味着他们都有共享状态,之间的前瞻转换和导航到其他使用键盘或控制器的selectables 的内置功能

【转帖】(三)unity4.6Ugui中文教程文档-------概要-UGUI Basic Layout

原创至上,移步请戳:(三)unity4.6Ugui中文教程文档-------概要-UGUI Basic Layout 2. BasicLayout 在这一节我们会看到UI元素相对于画布的位置是怎样的.如果你想要自己在阅读时测试,您可以创建Image,使用游戏菜单中的GameObject > UI > Image.. 2.1 The Rect Tool 每个 UI元素被表示为一个矩形布局.在场景视图中使用工具栏中的Rect Tool,可以操纵此矩形.Rect Tool用于unity2D的UI功能

【转】(四)unity4.6Ugui中文教程文档-------概要-UGUI Visual Components

原创至上,移步请戳:(四)unity4.6Ugui中文教程文档-------概要-UGUI Visual Components 3.Visual Components 有新的组件和游戏对象已添加到uGUI,允许和容易的创建GUI特定功能.这一节将介绍新的游戏物体被创建的基础. 3.1 Text 该Text 组件,也被称为是一个标签,有一个Text 区域用于输入将显示的文本.它是可以设置的字体.字体样式.字体大小和是否使用RichText的能力. 文本的对齐方式alignment和自动换行Wrap

[转](六)unity4.6Ugui中文教程文档-------概要-UGUI Animation Integration

5.Animation Integration(动画集成) 动画允许控件的所有状态之间相互转换,充分使用unity的动画系统.这是最强大的的转换模式的在处理很多属性的同时可以进行动画. 要使用动画转换模式,动画组件需要连接到该控制器的元素.这可以通过单击“Auto Generate Animation”.自动完成.这个动画控制器的所有状态已经被设置完成了,会弹出对话框需要保存动画控制器. 那么组件就被添加了. 同时还有保存的动画控制器.          新的动画控制器是准备马上使用.不同于大多

(四)unity4.6Ugui中文教程文档-------概要-UGUI Visual Components

大家好.我是孙广东. 转载请注明出处:http://write.blog.csdn.net/postedit/38922399 更全的内容请看我的游戏蛮牛地址:http://www.unitymanual.com/forum.php?mod=guide&view=my 3.Visual Components 有新的组件和游戏对象已加入到uGUI.同意和easy的创建GUI特定功能. 这一节将介绍新的游戏物体被创建的基础. 3.1 Text 该Text 组件.也被称为是一个标签.有一个Text 区

(五)unity4.6Ugui中文教程文档-------概要-UGUI Interaction Components

 大家好,我是孙广东.   转载请注明出处:http://write.blog.csdn.net/postedit/38922399 更全的内容请看我的游戏蛮牛地址:http://www.unitymanual.com/forum.php?mod=guide&view=my 4.Interaction Components 本节涵盖了处理交互,例如鼠标或触摸事件和使用键盘或控制器交互的 UI系统中的组件. 4.1 Selectable BaseClass 所有交互组件都有一些共同点.sele