UI系统允许用户迅速且直观地创建用户界面。本篇是对Unity的UI系统主要特性的介绍。
相关教程：
Canvas是所有UI元素应当存放于内的区域。Canvas是一个有Canvas组件的游戏对象，并且所有UI对象必须是这样一个Canvas对象的子对象。
创建一个新的UI元素，例如使用 GameObjct&UI&Image，创建一个Image对象，会自动地创建一个Canvas，如果场景里没有已存在的Canvas。UI元素将作为这个Canvas的子对象创建。
Canvas区域会在场景视图中显示为一个矩形。这使得它容易放置UI元素而不需要一直保持在游戏视图。
Canvas使用EventSystem（事件系统）对象来帮助Messaging System（消息系统）、
元素的绘制顺序
在Canvas中的UI元素，以它们出现在层次中的顺序被绘制。第一个子对象被先渲染，然后第二个，以此类推。如果两个UI元素重叠，后一个将出现在前一个上上面。
要改变某个元素出现在另外元素的上面，只要通过拖拽它们改变在层次中的顺序几个。通过使用在Transform组件中的这些方法，也可以从脚本中控制顺序：SetAsFirstSibling， SetAsLastSibling, 以及SetSiblingIndex 。
Canvas有渲染模式设置，可以用来让Canvas在屏幕空间或世界空间中渲染。
屏幕空间 - 覆盖
这个渲染模式将渲染的UI元素放置在场景的最上面（最靠近镜头）。如果屏幕被重新调整大小或调整分辨率，Canvas将自动改变尺寸以适应。
屏幕空间 - 摄像机
这个模式类似于“屏幕空间 - 覆盖”，但在这个渲染模式下，Canvas被放置在指定摄像机的一个给定距离前。UI元素用这个摄像机渲染，意味着摄像机设置将印象到UI的表现。如果摄像机被设置为透视的，UI元素将会以透视渲染，并且透视变形可以被摄像机视野区所控制。如果屏幕被重设大小或改变分辨率，或者摄像机frustrum 改变，Canvas同样将自动改变设置以匹配。
在这个渲染模式下，Canvas将如场景中其它的对象那样。Canvas的尺寸可以用它的矩形transform进行手动设置，UI元素会在场景中其它对象的前面或后面渲染，基于三维空间中的位置关系。这在UI元素被定义为世界一部分时有用。这也被称为“剧情界面”（diagetic interface）。
这一部分我们将看看，元素关联到Canvas及相互间，应如何放置。如果用户希望在阅读时自己测试，可以创建一个Image（GameObject -&UI -& Image）。
为了布局考虑，每个UI元素用一个矩形所表示。这个矩形可以在场景视图中用工具栏中的矩形工具处理。矩形工具可以被Uinity的2D特性和UI所使用，实际上也可以用于3D对象。
矩形工具可以用来移动，重设大小，旋转UI元素。一旦选择了一个UI元素，可以通过点击矩形内的任何位置并拖拽它来移动。用户可以通过点击边缘或角落并拖拽来调整大小。元素可以被旋转通过将指针悬停在角落附近，直到鼠标指针看起来像个旋转记号。然后可以点击并向任意方向旋转。
就像其它工具，矩形工具使用当前的当前的枢轴模式和空间，在工具栏中设置。当对UI进行工作，通常将这些设置为Pivot和Local。
矩形变换是一个新的变换组件；对所有UI元素，取代了标准的变换组件。
重设相对缩放
当矩形工具被用于改变对象的大小时，通常对于二维系统和三维对象，它将改变对象的局部缩放。然而，当被用于一个有矩形变换的对象时，改变的是宽度和高度，保持局部缩放不变。这样的重设大小将不影响字体尺寸、镶边等。
旋转，尺寸，缩放的调整是围绕着轴的；所以轴的位置影响着旋转、尺寸或缩放的效果。当工具栏上Pivot按钮被设置为Pivot模式，矩形变换的轴会被移入场景视图。
定位Anchors
矩形变换包括称为“定位”的一个布局概念。定位以四个在场景视图中的小直角柄所表示，定位信息在检视器中显示。
如果矩形变换的父对象同样是个矩形变换，那么子举行变换可以若干种途径被定位到父对象。例如，子对象可以定位到父对象的中心，或者一个角落。
定位也允许子对象随着父对象宽度、高度一同伸缩。每个矩形的角落相对它对应的定位有固定的偏移，即矩形的左上角有对左上定位有固定的偏移，等等。这种方式下，矩形不同角落而可以被定位到父对象矩形的不同点。
定位的位置用父对象矩形宽度及高度的分数（或百分比）来定义。0.0（0%）对应于左边或底边，0.5（50%）为中间，1.0（100%）为右边或顶部。但定位不限制于边沿或中间；可以定位到父对象矩形的任何位置。
用户可以分别拖拽每个定位，或如果它们是一起的，用户可以通过点击它们中间并拖拽，让它们一起移动。如果在拖拽一个定位时按下Shift键，矩形对应的角将随着定位一起移动。
定位柄一个有用的特性是，它们自动对齐到兄弟对象矩形，来允许精确的定位。
在检视器中，定位预设按钮可以矩形变换组件的在左上角找到。点击此按钮让定位预设下拉。从这里用户可以快速选择一些最常用的定位选项。可以定位UI元素到父对象的边沿或中间，或者随着父对象的尺寸一起伸缩。水平和垂直定位是独立的。
定位预设按钮显示了当前如果存在的预设项。如果水平或垂直轴的定位被设置到预设不同与预设的任何位置，则显示用户定义的选择。
检视器你中的定位和位置区
可以点击定位扩大箭头来显示定位数字区，如果它们尚未可见。最小定位对应于在场景视图中的左下定位柄，最大定位对应于右上的定位柄。
矩形的位置区根据定位是同步（这导致固定的宽度和高度）还是分开（这让矩形随着父对象矩形一同伸缩），有不同的展示。
当所有定位柄被同步，显示的区域是位置X、位置Y、宽度和高度。位置X和位置Y的值指明轴相对定位的位置。
当定位是分开的，区域可以改为部分或完全到左边、右边、上部及底部。这些区域定义了在矩形内用定位定义的衬垫（？）。如果定位水平方向上分开，左边和右边的区域被使用；如果垂直方向分开，顶部和底部区域被使用。
注意到，改变定位或轴区域中的值，通常将调整位置值，为了让矩形停留在原位置。如果不希望这样的情形，可以使用在检视器中一个小按钮来启用Raw模式。这让定位和轴的值可以被改变，而不是任何其他值改变所导致的结果。这将让矩形被可看到地移动或重设大小，因为它的位置和尺寸依赖于定位和轴的值。
在UI系统的介绍中，会帮助你创建有特定功能的GUI的新组件已经添加。这一部分是关于可以被创建的新组件的基本知识。
Text（文本）组件，也被作为“标签”，其文本区来输入被显示的文字。可以设置字体、风格、字号以及是否具有富文本功能。
文本的对齐方式有多种选项，控制文本比矩形的宽度或高度更长时会发生什么的水平和垂直溢出设置，并且最佳匹配选项使得文本会重设大小来适应可用的空间。
一张图片有一个矩形变换组件及一个图片组件。一个精灵可以被应用到在目标图片区下方的图片组件，并且颜色可以在颜色区中设置。材质也可以被应用到图片组件。图片类型区定义了应用到图片的精灵如何出现，这些选项时：
Simple - 等量地缩放整个精灵。
Sliced - 利用3x3精灵分割法，这样尺寸调整不会扭曲角落，并且只有角落部分被拉伸。
Tiled - 类似于Sliced，但瓦片式摆放（平铺）中间部分并且不拉伸。对于完全没有边缘的精灵，整个精灵被平铺。
Filled - 像Simple模式那样显示精灵，但除了从原点以预定的方向、方法和数量填充精灵。
设置本地尺寸的选项，在Simple或者Filled被选择时出现，重置图片的尺寸到原始的精灵尺寸。
图片可以通过在纹理类型设置中选择精灵(2D/UI)，被作为UI精灵导入。对比老的GUI精灵，精灵有额外的导入选项，最大的不同是精灵编辑器的增加。精灵编辑器提供了9-slicing图片的选项，将图片划分为9个区域，这样如果精灵被调整，四角不会被拉伸或扭曲。
图片组件有精灵，但原始图片是纹理（没有边缘等）。原始图片仅在必要时可以被使用，否则图片组件在大部分情况下都是适合的。
遮罩（Mask）并不是可见的UI控制，然而是调整一个控制子元素外观的一种方式。遮罩根据父元素的形状限制（即所谓的“遮罩”）子元素。这样，如果子元素比父元素更大，那么，子元素只有在父元素中的那部分会可见。
视觉组件也可以有各种简单的效果，例如简单的阴影或者轮廓线。可以查看Effect引用页来获得更多信息。
这部分关于在UI系统中掌控交互的组件，例如鼠标或者触摸事件，以及使用键盘或控制器的交互。
交互组件自身不可见，并且为了正确地工作，它必须被一个或多个可见元素所包含。
大部分交互组件有相同的部分。它们是可选择的，意味着它们已经共享了：在状态（普通，高亮，按下，不可用）之间可见的切换，以及使用键盘或控制器到其它可选项的导航，这些内建功能。这些共有的功能在可选页面中描述。
按钮有一个点击Unity事件来定义当被点击时会做什么。
按钮控制 对来自用户的点击的反应，并且被用来初始化或确认一个动作。常见的例子有在网页表单中的提交和退出按钮。
Interactable
这个组件是否接受输入？参见 Interactable。
Transition
决定控制对用户动作反应如何可见的属性。参见Transition选项。
Navigation
决定控制序列的属性。参见Navigation选项。
当一个用户点击并释放一个按钮时，调用一个Unity事件。
按钮被涉及用来初始化一个动作，当用户点击并释放它。如果在松开前鼠标从按钮上移开，则不会发生动作。
按钮有一个名为 On Click的单独事件，响应用户的一次完整点击。典型的使用情形包括：
确认一个决定（例如，启动游戏或保存游戏）
移动到GUI中的子菜单
退出进行中的动作（例如，下载一个新场景）
一个开关是一个决定了某一开关当前是开启或关闭的选择项。当用户点击开关时，值被改变；并且一个对勾会由此打开或关闭。同样有定义一个当值改变时就触发的OnValueChanged的Unity事件。
Interactable
选项是否接受输入？具体见Interactable。
Transition
决定控制如何以可见的方式对用户动作反应的属性。参见Transition选项
Navigation
决定控制顺序的属性。参见Navigation选项。
选项开始时出于打开状态吗?
Toggle Transition
当值被改变时开关图像方面的反应。选项是None（即对勾只是简单地出现或消失）和Fade（即对勾淡入或淡出）。
用于对勾的图像。
选项所属的选项组。
On Value Changed
当开关被点击时，调用的Unity事件。事件可以将当前的状态作为一个Bool类型的动态参数进行发送。
开关控制允许用户对选项的开关状态进行切换。当同一时间里一系列开关中仅有一个开关能够开启时，你也可以在一个开关组中包含若干个开关。
当用户改变当前值时，开关有一个名为 On Value Changed 的单一事件，会进行反应。新的值会作为一个布尔型参数传递给事件函数。开关典型的使用场景包括：
让一个选项开启或关闭（例如，在游戏中播放音乐）。
让用户确认他们已经阅读了法律免责声明。
在一系列选项中选择一个（例如，一个星期中的某一日）。
注意，开关是提供了子元素可点击区域的父元素。如果开关没有子元素（或者它们不可用），开关是不能点击的。
开关组可以用来将一系列互斥使用的选项形成一组。属于同一组的开关被认为，在同一时间仅有其中一个能被选中——选中它们中的一个，自动弃选其它所有的。
查看Toggle Group页面来获得关于开关组组件的细节。
滑块有个用户可以在最小值和最大值之间拖拽的十进制数值。滑块可以是水平或者垂直的。它同样也有一个定义了当值改变时如何反应的OnValueChanged的Unity事件。
滚动条有个在0到1之间的小数。当用户拖拽滚动条时，值对应地改变。
滚动条通常与一个滚动矩形及遮罩一起使用，来创建一个滚动视图。滚动条有个在0到1之间的Size值，决定了当前部分与完整滚动条长度的比例有多大。这通常被另一个组件所控制，来指明在一个滚动视图中多少比例的内容可见。滚动矩形组件可以自动地做到这一点。
滚动条可以是水平或者垂直的。它也有一个值被改变时定义如何执行的OnValueChanged的Unity事件。
下拉框有可以从中选择的选项列表。对于每个选项，可以指定一个文本串或一张图片来指代，并且可以在检视器里设置或者在代码中动态设置。它有一个在值被改变时，定义如何执行的OnValueChanged的Unity事件。
输入框用于创建可被用户所编辑的文本元素的文本。它也有一个文本内容被改变时定义如何执行的OnValueChanged的Unity事件，以及另一个用来定义用户结束输入时如何执行的事件。
查看 Input Field 页面来获得关于使用输入框元素的细节。
滚动框（滚动视图）
一个滚动狂可在占用了大量空间的内容需要在一个小区域中显示的情况下被使用。滚动狂提供了滚动显示内容的功能。
通常滚动框包含遮罩，以创建一个滚动视图，只有在滚动框中滚动区域的内容可见。它也可以额外地包含一个或两个滚动条，可以水平或垂直地滚动。
查看 Scroll Rect 页面获得更多关于滚动框组件的细节。
本文已收录于以下专栏：
相关文章推荐
新建一个文件夹：UIMgr
新建2个C#脚本：BaseUI.cs UIMgr.csusing UnityE
using System.Cpublic class B...
1、创建一个3D摄像机，渲染3D模型。（我为了方便就把模型放到了Camera的下面，你可以不这样）
2、在2D里面指定一个TopLeft和BottomRight，用来表示模型渲染到UI上...
在 Unity 中怎样创建 UI
标准着色器：一：“内容”和“环境”的概念介绍；二：金属工作流与镜面工作流的介绍及对比。
标准着色器的材质参数（一）：渲染模式，反射率和透明度，镜面模式的镜面参数
Unity3D 5中对地形进行设置
SpeedTree资源
Unity3D 5 官方教程：标准着色器之材质参数（三）：法线贴图等各种贴图
Unity3D教程：天空盒的基本内容
他的最新文章
讲师：王哲涵
讲师：王渊命
您举报文章：
举报原因：
原文地址：
原因补充：
(最多只允许输入30个字)unity3d中如何创建UI按钮功能
来源：网络
作者：福州电脑之家
　　unity3d中通过对一个按钮的创建使用，从而了解unity3d中UI的使用。　　1、打开unity3d项目&GameObject&--&UI&--&Button&，创建一个按钮。 　　2、在&Rect Transform&下可以改变按钮的布局位置大小等。　　3、在&Image (Script)&与&Button(Script)&中可以更详细的设置按钮的颜色等效果。　　4、展开Button在其中的&Text&中的&Text(Script)&中可以设置按钮显示文字信息。　　5、新建一个文件夹&Script&在里面新建一个&Button_test&的脚本，打开后在里面添加一个方法　　public void Click_test(){　　Debug.Log(&点击测试&);　　} 　　6、把编辑好的&Button_test&脚本添加到场景中的Button上。　　7、点击&On Click ()&下的&+&添加，然后Object中选择添加&Button&。　　8、点击&No Function&选择&Button_test&--&Click_test
()&，保存后运行，点击按钮旧可以调用脚本中我们定义的Click_test ()方法，输出&点击测试&。 　　注意事项：　　脚本中定义的方法必须是public的，否则找不到。
友情链接：
福州电脑网(福州iThome)专业电脑/计算机学习网站.提供电脑维修知识,包括计算机软件/硬件维修知识,路由器/交换机/网络设置,电脑蓝屏,网络/it知识学习等等电脑技术学习资料.
免责声明:本站所有信息内容仅供参考,如有冒犯您的权益请联系我们删除!请大家注意：本站删帖完全免费。邮箱:
Copyright (C) , All Rights Reserved.
版权所有 闽ICP备号-3you have been blockedUnity 5游戏UI用户界面制作视频教程 Unity 5 UI - 游戏开发 - 人人素材社区 - Powered by Discuz!
只需一步，快速开始
只需一步，快速开始
后使用快捷导航没有帐号？
请完成以下验证码
所属分类： &
本版主题： 504
今日更新： 7
Unity 5游戏UI用户界面制作视频教程 Unity 5 UI
182 / 5988
签到天数: 61 天[LV.6]常住居民II&成长值: 40
Unity 5游戏UI用户界面制作视频教程.jpg (46 KB, 下载次数: 6)
09:50 上传
本视频教程是由Lynda机构出品的Unity 5游戏UI用户界面制作视频教程，Unity 5 UI，时长：1小时53分，大小：420 MB，MP4高清视频格式，教程使用软件：Unity 5，附工程源文件，作者：Jesse Freeman，共42个章节，语言：英语。
Unity3D是一个让你轻松创作的多平台的游戏开发工具，是一个全面整合的专业游戏引擎。Unity代表了一个质的飞跃——内置的光照贴图（lightmapping）、遮挡剔除（occlusion culling）和调试器。编辑器经过彻底革新，让你可以获得卓越的性能体验。不可思议、无法阻挡的产品已经看到了曙光。
Unity是一款跨平台的游戏开发工具，从一开始就被设计成易于使用的产品。作为一个完全集成的专业级应用，Unity还包含了价值数百万美元的功能强大的游戏引擎。Unity作为一个游戏开发工具，它的设计主旨就是让你能够创建令人惊讶的游戏。如果你之前尝试过Unity，请查看Unity都做了哪些更新。如果你是第一次尝试，那就好好看看吧，看Unity都能为你带来什么。Unity作为一种开发环境，可让你脱离传统的游戏开发方式，以一种更简单的方式专注于你的游戏开发。开发网络游戏、移动游戏、单机游戏，Unity都能完全胜任。
琳达(Lynda) 是全球最知名的在线教育机构，每年可以吸引到4500万独立访客，让它成为教育界的长青网站。这家在线视频教学网站，提供了数以千计的现在最流行的软件技术视频教程。有大约1百万人都愿意支付每月25美元的使用费来访问它，它已经成为一个网上帝国。它的创始人琳达·温曼（LyndaWeinman）认为，她的教程在网民中大受欢迎的程度会鞭策那些认为网络只是让人变笨变懒的人。根据该公司的报告，Lynda 现在每年可以吸引到4500万独立访客，大部份的独立订户会订阅内容1至3年。公司现在雇有200名全职员工，风险投资人还不停地要扔钱过来，但温曼说，她比较喜欢看到公司自然平稳地增长并通过口碑营销打开市场。网站上的教育录像质量很高，课程划分细致，学习的人可以根据自己的目标随时切换内容。
Lynda Unity 5 UI
Unity’s UI system provides game developers with tools for creating professional user interfaces, fast and efficiently. Watch these Unity tutorials to learn how to build simple screens for games—splash screens, level selection screens, or even high-score screens—with Unity 5. Jess Freeman covers the basic UI components, including RectTransforms, text, buttons, images, sliders, and toggles, and reviews methods for skinning each component for a look and feel that matches your game. Along the way, he shows how to use different UI components in C# scripts, which allow you to trigger game events and respond to user input.
_094511.jpg (59.64 KB, 下载次数: 1)
09:52 上传
解压密码：游客，如果您要查看本帖隐藏内容请
签到天数: 410 天[LV.9]以坛为家II
回帖奖励 +2
感谢楼主分享
签到天数: 539 天[LV.9]以坛为家II
回帖奖励 +2
感谢楼主的分享
签到天数: 409 天[LV.9]以坛为家II
回帖奖励 +2
感谢楼主分享
签到天数: 1 天[LV.1]初来乍到
回帖奖励 +2
感谢楼主分享
签到天数: 404 天[LV.9]以坛为家II
回帖奖励 +2
感谢楼主分享
签到天数: 112 天[LV.6]常住居民II
签到天数: 2 天[LV.1]初来乍到
学习了！！！！！！！！！！！！！！！！
签到天数: 1 天[LV.1]初来乍到
好平台！谢谢资源分享！学习
签到天数: 1 天[LV.1]初来乍到
好平台！谢谢资源分享！学习
大家好！人人素材网第136期中文字幕翻译教程来啦！
教程简介：
欢迎收看本套教程，这节课我们会使用cinema4D和AE来制作运动类型的包装模板。首先创建文件夹结构，然后在C4D建模做素材，使用建模和动画工具，还有CV工具栏来加快进度，接下来是灯光照明的讲解，再把三维数据导出到AE中，最后的部分呢，把C4D的序列发送到AE里，合成为模板，我们创建自定义控制、标签还有一些评论，方便后来人自定义模板，模板对于用户来说是提高速度的好帮手，不管是自己用，还是别人用，可以快速的改掉logo和图片，还有视频，甚至是用选项控制颜色，我们来创建属于自己的模板吧！
教程简介：
色彩是我们生活中的一项基础元素。学习在不同的情境中使用色彩进行视觉传达对于设计师和艺术家来说是基本技能。本教程中我们将要学习如何使用色彩，不仅仅是进行更加高效的设计，而且要传达故事情节。插画师、讲师和作者Mary Jane首先为我们讲解色彩如何影响品牌形象，如何影响观众的情绪，如何引导观众将注意力放在兴趣点上，以及如何连接图像或者制作元素之间的空间。她为我们揭开色轮和色彩关系的神秘面纱；为我们展示分层放置、混合，以及数字修改色彩；使用灯光整合色温、不透明度和对比度。
本教程适用于多个领域，包括平面设计、摄影和插画，同时还适用于传统媒体和数字媒体。深入了解并重新认识色彩一定会激发你的创造力和工作热情。
大家好！人人素材网第138期中文字幕翻译教程来啦！
教程简介：
现在的很多电影都是使用3D工具进行预览的，这样可以现场拍摄和视觉特效的效果。在这个教程中，杰森·迈克尔·霍尔（Jason Michael Hall）将会为大家讲解预览的功能，以及在很短的时间内一个艺术家能完成多少任务。教程中也会为大家讲解在电影制作行业中预览艺术家是如何工作的。使用Maya从一个空白的场景做起，杰森会为我们讲解制作素材组成场景的过程。他与我们探讨一些摄像机和电影艺术基础知识后，开始进行Blocking操作，里面会探讨提升速度、简化操作流程的效率，组织，摄影技术，和窍门。}