Unity中的UGUI各个组件参数详解

1.Text(文本)

Unity中的UGUI各个组件参数详解_第1张图片
Text参数

Text:输入文本显示

   Character

Font:字体

Font Style:字体样式

Font Size:字体大小

Line Spacing:行间距

Rich Text:富文本,默认开启

   Paragraph

Alignment:文本位置调整

Align By Geometr:几何对齐

Horizontal Overflow:水平溢出

Wrap:文本到达水平边界自动换行

Overflow:文本可超出水平边界

Vertical Overflow:垂直溢出

  Truncate:文本不显示超出垂直边界的部分

Overflow:文本可超出垂直边界继续显示

Best Fit:若勾选,边框很大最大显示Max Size字体大小,若边框很小,若无法显示Min Size字体大小就不显示文字

Color:字体颜色

Material:材质

Raycast Target:当该项为falsse时,消息会透传

2.Image(图片)

Image参数

Source Image:图片赋值,要把将要赋值的图片属性修改为Sprite属性

Color:图片主色调

Material:渲染材质

Raycast Target:决定是否可接收射线碰撞检测事件,默认开启

3.Raw Image

Unity中的UGUI各个组件参数详解_第2张图片
Raw Image参数

Texture:图片赋值,图片类型任意

Color:图片主色调

Material:渲染材质

Raycast Target:决定是否可接受射线碰撞事件检测

UV Rect:可以让图片的一部分显示在RawImage组件中

4.Button(按钮)

Unity中的UGUI各个组件参数详解_第3张图片
Button参数

Interactable:是否可用,默认可用

Transition:过渡方式

   Color Tint:颜色改变,默认方式

      Sprite Swap:图片切换

Animation:执行动画

Target Graphic:过渡效果作用目标,可以是任一Graphic对象

Normal Color:初始颜色

Highlighted Color:鼠标进入状态

Press Color:鼠标点击状态

Disable Color:禁用颜色,禁用时颜色

Color Multiplier:颜色切换系数,颜色切换速度,越大则颜色在几种状态间变化速度越快

Fade Duration:衰落延时

Navigation:导航


Sprite Swap方式(图片切换)

Target Graphic:目标图形

Highlighted Sprite:鼠标进入状态

Pressed Sprite:鼠标点击状态

Disable Sprite:禁用时图片


Unity中的UGUI各个组件参数详解_第4张图片
Animation方式(动画过渡)

Normal Trigger:默认状态触发

Highlighted Trigger:鼠标进入状态

Press Trigger:鼠标点击状态

Disabled Trigger:禁用事触发

Auto Generate Animation:自动生成动画控制器,点击此按钮,会自动生成一个包含了以上四种状态以及四种动画的Animatior

5.Toggle(选项)

Unity中的UGUI各个组件参数详解_第5张图片
Toggel参数

与Button相似

Fade Duration:褪色持续时间

Is On:表示当前Toogle是否处于勾选状态,默认勾选

Toggle Transition:过渡的动画类型选择,Fade渐变

Graphic:切换纹理,对勾

Group:所属Toggle Group组

On Value Changed(布尔类型):状态改变后发生的事件

6.slider(滑动器)

Slider控件组成

Background:滑动条的背景样式

Fill Area(Fill):滑动条滑过区域的展示

Handle Slide Area(Handle):设置滑动条上按钮样式

Unity中的UGUI各个组件参数详解_第6张图片
Slider参数

Fill Rect:同上Fill

Handle Rect:同上Handle

Direction:滑动条滑动方向,共四种

Min Value:滑动条最小值

Max Value:滑动条最大值

whole Numbers:滑动时整数变化

Value:滑动条当前值

7.Scrollbar(滚动条)

Scrollbar控件

Sliding Area:滑动区域

Handle:可以滑动的Handle

Unity中的UGUI各个组件参数详解_第7张图片
Scrollerbar参数

与Slider参数基本相同

Size:Handle部分的大小

Number Of Steps:通过滚动条允许不同的滚动位置的数字

8.DropDown(下拉菜单)

Unity中的UGUI各个组件参数详解_第8张图片
Dropdown控件


Unity中的UGUI各个组件参数详解_第9张图片
DropDown参数

Template:模板

Caption Text:标题文字

Caption Image:标题图像

Item Text:项目文本

Item Image:项目图像

Value:索引号,0是下拉的第一个选项,1是第二个

Options:选项,可能的选项列表,可以为每个选项指定文本字符串和图像 


9.InputField(输入文本框)

Unity中的UGUI各个组件参数详解_第10张图片
InputField参数

Text Component:文本组件,

Text:输入域初始值

Character Limit:字符数量限制,0表示不限制

Content Type:输入内容类型

Line Type:换行方式

     single:超过边界也不换行,只有一行

     multi Line Submit:超过边界换行

  multi Line Newline:超过边界新建换行

Placeholder:位置标示

Caret Blink Rate:输入光标闪烁速率

Caret Width:输入宽度

Custom Caret Color:选择输入颜色,勾选后跳出Caret Color选择颜色

Selection Color:鼠标选中字体时的背景颜色

Hide Mobile Input:手机端隐藏输入

Read Only:只读,不能输入

On End Edit(String):结束编辑时触发消息

10.Scroll View(滚动视图)

Unity中的UGUI各个组件参数详解_第11张图片
Scroll View控件

Unity中的UGUI各个组件参数详解_第12张图片
ScrollRect参数

Content:展示内容

Horizontal:是否支持左右滑动

Vertical:是否支持上下滑动

Movement Type:滑动类型

Unrestricted:不受滑动内容边界限制

  Elastic:带边界回弹的

clamped:边界夹紧

Elasticity:弹力

Inertia:是否支持滑动惯性

Deceleration Rate:衰减速率

Scroll Sensitivity:滚动灵敏度

Viewport:视口

Horizontal Scrollbar:左右的滚动条

Visibility:滚动条可见性

Permanent:不隐藏

Auto Hide:自动隐藏

Auto Hide And Expand Viewport:自动隐藏并扩展视图

Spacing:间距

Vertical Scrollbar:垂直滚动条

Visibility:滚动条可见性

Spacing:间距

11.Canvas(画布) 与 Panel(面板)

所有的UI组件都建立在Canvas之上,Panel可理解为Canvas的子物体,展示在Canvas之上

12.EventSystem(事件系统)

你可能感兴趣的:(Unity中的UGUI各个组件参数详解)