(三)unity4.6Ugui中文教程文档-------概要-UGUI Basic Layout
大家好,我是孙广东。 转载请注明出处:http://write.blog.csdn.net/postedit/38922399
更全的内容请看我的游戏蛮牛地址:http://www.unitymanual.com/forum.php?mod=guide&view=my
2、 BasicLayout
在这一节我们会看到UI元素相对于画布的位置是如何的。假设你想要自己在阅读时測试。您能够创建Image,使用游戏菜单中的GameObject
> UI > Image.。
2.1 The Rect Tool
每一个 UI元素被表示为一个矩形布局。
在场景视图中使用工具栏中的Rect
Tool。能够操纵此矩形。Rect Tool用于unity2D的UI功能特性,其实能够用于甚至
3D 对象。
Toolbar buttons with Rect Tool selected
Rect Tool能够用于左右移动 UI元素、调整其大小,和旋转,尽在当中。
一旦你选择(有时候我们要在对象列表中选中)了一个
UI元素,您能够通过在该矩形内的任何位置单击并拖动来移动它。
你能够通过在边缘或对角上单击并拖动来调整其大小。该元素能够通过悬停光标略微离开角落,直到鼠标光标指示旋转符号旋转。然后。您能够单击并拖动任一方向旋转。 这是选中状态:
就像其它工具,Rect Tool使用当前的pivot模式和空间,在工具栏中设置Pivot和
Local. UI一起工作一般是一个非常好的主意。
Toolbar buttons set to Pivot and Local
2.2 Rect Transform
Rect Transform是一个新的transform组件,用于全部的
UI 元素,而不是常规的变换组件。
Rect Transforms有位置position、旋转rotation和缩放scale,就像常规变换。可是它也有一个宽度和高度,用来指定的矩形的尺寸。 那么高宽和缩放scale的关系是:通常UI元素都是有图片的,那么图片的原像素尺寸我们就设置为这个高宽。缩放就是在这个基础上进行呗。
2.2.1 Resizing Versus Scaling
当Rect Tool用来更改对象的大小时,通常在2D系统中的精灵和3D对象,它会改变对象的local
scale。然而,当它在一个对象上用上Rect Transform,它反而会改变宽度width和高度height,,local
scale保持不变。此大小调整不会影响字体大小,切片图像的边界等等。
2.2.2 Pivot
旋转Rotations、大小size和规模scale的改动都是环绕着这个轴pivot。所以这个轴的位置,就会影响旋转、调整大小或缩放的效果了。当工具栏Pivotbutton设置到Pivot
mode时,在场景视图中就能够移动一个Rect Transform的枢纽Pivot了。来设置Pivot的位置。 如图篮圈:
watermark/2/text/aHR0cDovL2Jsb2cuY3Nkbi5uZXQvdTAxMDAxOTcxNw==/font/5a6L5L2T/fontsize/400/fill/I0JBQkFCMA==/dissolve/70/gravity/Center">
2.2.3 Anchors
Rect Transforms包含一个称为anchors锚点的布局概念。
锚点例如以下所看到的在场景视图中的四个小三角形手柄和锚点的信息也显示在Inspector检查器。
假设父对象的Rect Transform也是一个Rect
Transform,那么子对象能够以各种方式把自己的Rect Transform锚定到父对象的 Rect
Transform上。比如,子对象能够锚定到父对象的中心,或到一个角落。
锚定还同意子对象拉伸到相对于父宽度或高度的一定比例。
watermark/2/text/aHR0cDovL2Jsb2cuY3Nkbi5uZXQvdTAxMDAxOTcxNw==/font/5a6L5L2T/fontsize/400/fill/I0JBQkFCMA==/dissolve/70/gravity/Center">
UI元素定位到父级的中心。该元素到中心保持一个固定的偏移。
(看四个小三角)
UI元素锚定到父级的右下角。
该元素保持到右下角的一个固定偏移。(看四个小三角)
每一个矩形的角是锚定到父矩形上的,使用这些锚点之中的一个。你能够拖动锚点的单独一个,或者假设他们在一起时你能够将它们一起拖动,在它们之间的中间单击并拖动。假设你拖动锚点的同一时候按住 Shift键,矩形对应的角将和锚点一起移动。
在Inspector检查器中,能够在矩形变换组件的左上角中发现的锚点预设button。单击button会弹出的锚点预设下拉列表。从这里您能够高速选择从一些最经常使用的锚固选项。你能够把UI元素锚定到父级的两側或中间的,或者和父级对象一起拉伸。水平和垂直的锚固是独立的。
锚点预设button显示当前所选(假设有的话)的预设的选项。假设锚点在任一水平或垂直轴设置都与不论什么预设的位置不同,则显示自己定义选项。
您能够单击小扩展箭头下方的锚点预设button以显示锚点和pivot字段数。Min和Max相应于四个小三角形,。选项Lock
Rect能够发现右边的扩展的信息,假设没有锁定,它有同样的功能在场景视图中移动锚点时按住 Shift键。
每一个锚柄有一个固定的偏移量到的对象的相对角即顶部抛左的锚柄具有固定的偏移到 UI对象的左上角。
枢轴定义对象相对船锚的位置、依赖于锚点的位置Rect
transform component将显示不同的字段。当全部的锚柄点在一起显示的字段是 Pos X、
Pos Y、宽度和高度;然而当锚分离然后字段能够更改部分或全然为顶部、底部、左边和右边。这样的变化取决于锚点的定位和定义的每一个角落填充到其各自锚句柄。锚句柄的一个实用的功能是他们会自己主动捕捉到其它游戏对象锚,同意精确地定位。
(三)unity4.6Ugui中文教程文档-------概要-UGUI Basic Layout的更多相关文章
- 【转】(三)unity4.6Ugui中文教程文档-------概要-UGUI Basic Layout
原创至上,移步请戳:(三)unity4.6Ugui中文教程文档-------概要-UGUI Basic Layout 2. BasicLayout 在这一节我们会看到UI元素相对于画布的位置是怎样的. ...
- [转](三)unity4.6Ugui中文教程文档-------概要-UGUI Basic Layout
大家好,我是孙广东. 转载请注明出处:http://write.blog.csdn.net/postedit/38922399 更全的内容请看我的游戏蛮牛地址:http://www.unityma ...
- 【转】(七)unity4.6Ugui中文教程文档-------概要-UGUI Auto Layout
原创至上,移步请戳:(七)unity4.6Ugui中文教程文档-------概要-UGUI Auto Layout 6. Auto Layout Rect Transform布局系统是足够灵活,可以处 ...
- 【转】(八)unity4.6Ugui中文教程文档-------概要-UGUI Rich Text
原创至上,移步请戳:(八)unity4.6Ugui中文教程文档-------概要-UGUI Rich Text 7.Rich Text UI元素和文本网格的文本可以合并多个字体样式和大小.对 UI系统 ...
- 【转】(六)unity4.6Ugui中文教程文档-------概要-UGUI Animation Integration
原创至上,移步请戳:(六)unity4.6Ugui中文教程文档-------概要-UGUI Animation Integration 5.Animation Integration(动画集成) 动画 ...
- 【转】(五)unity4.6Ugui中文教程文档-------概要-UGUI Interaction Components
原创至上,移步请戳:(五)unity4.6Ugui中文教程文档-------概要-UGUI Interaction Components 4.Interaction Components 本节涵盖了处 ...
- 【转】(四)unity4.6Ugui中文教程文档-------概要-UGUI Visual Components
原创至上,移步请戳:(四)unity4.6Ugui中文教程文档-------概要-UGUI Visual Components 3.Visual Components 有新的组件和游戏对象已添加到uG ...
- 【转】(二)unity4.6Ugui中文教程文档-------概要-UGUI Canvas
原创至上,移步请戳:(二)unity4.6Ugui中文教程文档-------概要-UGUI Canvas UI系统允许您快速.直观地创建用户界面(Ui).这是Unity的新 UI 系统的主要功能介绍. ...
- [转](二)unity4.6Ugui中文教程文档-------概要-UGUI Canvas
大家好,我是孙广东. 转载请注明出处:http://write.blog.csdn.net/postedit/38922399 更全的内容请看我的游戏蛮牛地址:http://www.unityma ...
随机推荐
- 详解如何在vue项目中引入饿了么elementUI组件
在开发的过程之中,我们也经常会使用到很多组件库:vue 常用ui组件库:https://blog.csdn.net/qq_36538012/article/details/82146649 今天具体说 ...
- JavaScript提高:006:ASP.NET使用easyUI TABS标签updatepanel
前文使用了easyui的tab标签.切换问题,使用了session保存当前选中页,然后页面总体刷新时再切换至上次保存页码.那么使用updatepanel后,这个问题就非常好攻克了.http://blo ...
- hdoj-1421-搬寝室【DP】
搬寝室 Time Limit: 2000/1000 MS (Java/Others) Memory Limit: 65536/32768 K (Java/Others) Total Submis ...
- 编译QCAD
编译QCAD eryar@163.com 目前开源的二维CAD有QCAD.LibreCAD等,且LibreCAD可以说是QCAD的分支版本.对比这款开源软件,发现QCAD的功能与操作习惯和AutoCA ...
- RvmTranslator6.0 - Dassault Systemes 3DXML
RvmTranslator6.0 - Dassault Systemes 3DXML eryar@163.com 1. Introduction RvmTranslator can translate ...
- iOS8 对开发人员来说意味着什么?
今天凌晨.Apple WWDC2014 iOS8 正式推出. 或许,对于广大iOS用户来说,iOS8的创新并非特别多. 但对于开发人员来说,影响却将会是无比巨大的! 正如Apple官网上的广告:Hug ...
- 深入理解 GRE tunnel
深入理解 GRE tunnel 时间 2012-11-08 19:05:22 A Geek's Page 原文 http://wangcong.org/blog/archives/2149 主题 ...
- VS 格式化代码 Ctrl + K, Ctrl + F
- C#接口,类,集成
using System; using System.Collections.Generic; using System.Linq; using System.Text; using System.T ...
- C#变量的作用域
using System; using System.Collections.Generic; using System.Linq; using System.Text; using System.T ...