(二)unity4.6学习Ugui中文文档-------概要-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 元素都放在里面,和使用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 - Overlay

这是类似于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-10-12 18:08:10

(二)unity4.6学习Ugui中文文档-------概要-UGUI Canvas的相关文章

(十三)unity4.6学习Ugui中文文档-------参考-UGUI Interaction Components(下)

 大家好,我是孙广东.   转载请注明出处:http://write.blog.csdn.net/postedit/38922399 更全的内容请看我的游戏蛮牛地址:http://www.unitymanual.com/forum.php?mod=guide&view=my 4.5 Slider 滑块控件允许用户通过拖动鼠标从一个预先确定的范围选择一个数字值.熟悉的例子包括在游戏中困难设置和在图像编辑器中亮度设置. Properties Property: Property: Interac

unity4.6学习Ugui中文文档-------参考-UGUI Rect Transform .

这一节走进更多的深度,有关unity的用户界面功能. 1.Rect Transform Rect Transform是2D与 3D 图形的Transform组件对应.它用来指定用户界面系统中的大小.位置和旋转的控件 Properties Property: Function: Pos (X, Y and Z) 相对锚点anchors的矩形枢轴pivot点的位置. Width/Height 矩形的宽高 Left, Top, Right, Bottom 矩形的边缘相对于其锚点的位置.这可以被认为是内

学习JQuery中文文档之get()函数

前端大神群的群主告诉我们:学习一个框架最好的方法是去把官方文档研究一遍. 现在正式开始我的前端之路,从JQuery的中文文档开始. 基础不牢固,看起来有点慢,但是我会一直坚持下去的.把遇到的问题都记录在此,以便随时查阅. 不展示基础概述,只记录所遇问题. Just Do It! Never Give Up! get()函数 看完这个函数的定义,我就兴冲冲的去试验了一下,写了以下代码: 1 <!DOCTYPE html> 2 <html lang="en"> 3

(二十六)unity4.6学习Ugui中文文档-------UGUI的开源Tween工具轻量而强大

出处:http://blog.csdn.net/u010019717 很多Unity开发者对NGUI很了解,而且发展的真的很完善,从以前的SendMassage 升级到更高效的 事件系统,包括很好的Tween相关,还有很多周边工具. 但是随着Unity4.6.5.0的推出,unity更原生专业高效的UGUI问世, 虽然从完善上没有NGUI完善,但是必将是以后的发展方向. 而且现在NGUI在U5中无法运行. UGUI还没有自带Tween相关,官方的案例都是使用Animation这个确实不推荐.  

(二十五)unity4.6学习Ugui中文文档-------UGUI-Extensions

?? 出处:http://blog.csdn.net/u010019717 这个库是什么? 在此存储库中是扩展脚本来增强您的Unity UI experience的集合.这些脚本从许多来源收集和合并,随着时间的推移改善Unity UI experience.(脚本绝大多数来自脚本线程上unity UI 论坛在这里)你可以下载/项目访问脚本,或您可以下载此预编译的 Unity Asset资产. Unity UI Extensions Unity Asset Controls and extensi

(二十七)unity4.6学习Ugui中文文档-------Unity3D UI (uGUI)窗口扩展

出处:http://blog.csdn.net/u010019717 下面是提供的例子: Unity3D UI (uGUI)窗口扩展 它是如何工作的? 也有官方的api文档: ?? ??

(二十九)unity4.6学习Ugui中文文档-------运行时创建Scroll-lists

?? 孙广东 2015.5.10 首先要滚动和list形式存储内容.  使用Scroll Rect组件.就可以滚动了,但是有时候我们不希望,item超过区域还显示:就要使用Mask组件,说明一下,Mask组件组好配合Image一起使用. 下面的图:显示了的情况[头像是子对象Image].1.父对象只有Mask组件:2.有Mask和Image组件[图片为none]:3.有Mask和Image组件[图片有Alpha透明区域]     在list容器中的item 我们怎么管理呢?VerticalLay

(二十八)unity4.6学习Ugui中文文档-------uGui Effect Tool

浏览一下 GitHub ,找了找UGUI开源的东西 https://github.com/WestHillApps/uGUI-Effect-Tool 发现了 uGuiEffectTool (包括Blend[意义不大] 和 渐变) 这个是原始图片 Blend的效果: Blend的代码: using UnityEngine; using System.Collections.Generic; using UnityEngine.UI; namespace UiEffect { [AddCompone

(二十二)unity4.6学习Ugui中文文档-------交互-Eventsystem &amp;amp; Binding

大家好,我是孙广东.   转载请注明出处:http://write.blog.csdn.net/postedit/38922399 更全的内容请看我的游戏蛮牛地址:http://www.unitymanual.com/forum.php?mod=guide&view=my 完整的教程下载地址:http://www.unitymanual.com/thread-26665-1-1.html 5.4 Eventsystem& Binding 这两个东西其有用处不同也没有什么可比較的,可是也要区