UGUI的简单理解

1.Canvas(画布)

UGUI中几乎所有的组件都要在Canvas下搭建

UGUI的简单理解

 2.EventSysteam(事件系统)

如果进行UI搭建的时候,缺少或删除了EventSysteam的话会导致UGUI中的组件无法交互,无法发生事件.

3.Panel

UGUI的简单理解

平时我们进行UI工程搭建的时候,我们都会先创建Panel面板,创建Panel面板的同时,会自动生成Canvas,后期所有的UI搭建都将在Panel上进行。

4.Image

UGUI的简单理解

Source Image(图像源):纹理格式为Sprite(2D and UI)的图片资源(导入图片后选择Texture Type为Sprite(2D and UI))。

Color(颜色):图片叠加的颜色。

Material(材质):图片叠加的材质。

Raycast Target(射线投射目标):是否作为射线投射目标,关闭之后忽略UGUI的射线检测。

Image Type(图片显示类型):

 Simple(基本的):图片整张全显示,不裁切,不叠加,根据边框大小会有拉伸。

Preserve Aspect(锁定比例):针对Simple模式,勾选之后,无论图片的外形放大还是缩小,都会一直保持初始的长宽比例。

5.Button

UGUI的简单理解

Button经常会用来触发某些事件,如操作不当弹出提示框或点击之后进行界面跳转 ,是很常用的UI

6.Text

UGUI的简单理解

UGUI的简单理解

 Text组件根据文本内容自适应宽度,有时还会与屏幕自适应

7.InputField

InputField是基础的输入框,用于输入账号和密码等这些的文本的组件

UGUI的简单理解

UGUI的简单理解 

UGUI的简单理解

Text Component(文本组件):此输入域的文本显示组件,任何带有Text组件的物体。

Text(文本):此输入域的初始值。

Character Limit(字符数量限制):限定此输入域最大输入的字符数,0为不限制。

Content Type(内容类型):限定此输入域的内容类型,包括数字、密码等,常用的类型如下:

 Standard(标准类型):什么字符都能输入,只要是当前字体支持的。

 Integer Number(整数类型):只能输入一个整数。

 Decimal Number(十进制数):能输入整数或小数。

 Alpha numeric(文字和数字):能输入数字和字母。

 Name(姓名类型):能输入英文及其他文字,当输入英文时自动姓名化(首字母大写)。

 Password(密码类型):输入的字符隐藏为星号。

Line Type(换行方式):当输入的内容超过输入域边界时:

                single Line(单一行):超过边界也不换行,继续延伸此行,输入域中的内容只有一行;

                multi Line Submit(多行):超过边界则换行,输入域中内容有多行;

                multi Line Newline(多行):超过边界则新建换行,输入域中内容有多行。

Placeholder(位置标示):此输入域的输入位控制符,任何带有Text组件的物体。

8.Toggle

UGUI的简单理解

UGUI的简单理解

在UI搭建中经常用来作为选框或某些选项之类的,当我们创建它后发现它也为一个复合型控件,它有Background与Label两个子控件,而Background控件中还有一个Checkmark子子控件,Background是一个图像控件,而其子控件Checkmark也是一个图像控件,其Label控件是一个文本框,它们与我们所讲的控件是一致的,我们通过改变它们所拥有的属性值,即可改变Toggle的外观,如颜色、字体等等。

9.Slide

UGUI的简单理解

UGUI的简单理解

是一个主要用于形象的拖动以改变目标值的控件,他的最恰当应用是用来改变一个数值,最大值和最小值自定义,拖动滑块可在此之间改变,例如改变声音大小

10.Scrollbar

UGUI的简单理解

UGUI的简单理解

是一个主要用于形象的拖动以改变目标比例的控件,他的最恰当应用是用来改变一个整体值变为他的指定百分比例,最大值1(100%),最小值0(0%),拖动滑块可在此之间改变,例如改变滚动视野的显示区域。

 

 

 

 

 

 

 

上一篇:Psd 2 Unity uGUI Pro一个超级易于使用的插件,可以在几分钟内将PSD导入到带有定位和排列层的Unity中。


下一篇:Unity UGUI 一个UI逐渐显示或者逐渐消失