UGUI 基础控件

基础控件

Image

• Source Image:图片来源（图片类型必须是“精灵”类型）

• Color：图像的颜色

• Material：图像的材质（一般不修改，会使用UI的默认材质）

• Raycast Target：是否作为射线检测的目标（如果不勾选将不会影响射线检测）

• Maskable：是否能被遮罩

• Image Type：图片类型

  • Simple : 普通模式，均匀缩放整个图片

  • Sliced：切片模式，9公格拉伸，只拉伸中央十字区域

  Pixels Per UnitMultiplier:单位像素乘数

  Fill Center：中心填充

  • Tiled：平铺模式，重复平铺中央部分

  • Filled：填充模式

    Fill Method：填充方式

    Fill Origin：填充原点

    Fill Amount：填充量

    Clockwise：顺时针方向

    Preserve Aspect：宝吃宽高比

  Use Sprite Mesh：使用精灵网格，勾选的话Unity会帮我们生成网格（UI一般不启用）

  Preserve Aspect：确保图像保持现有尺寸

  Set Native Size：设置为图片资源的原始大小

Text

• Text：文本显示内容

• Font：字体

• FontStyle：字体样式

• Normal：普通

• Bold：加粗

• Italic：斜体

• Bold And Italic：加粗+斜体

• Font Size：字体大小

• Line Spacing：行之间的垂直间距

• Rich Text：是否开启富文本

• Alignment：对其方式

Align By Geometry：使用字形集合形状范围进行水平对其，而不是字形指标

• Horizontal Overflow：处理文本太宽无法放入矩形范围内时的处理方式

• Wrap:包裹模式-字体始终在举行范围内，会自动换行

• Overflow：溢出模式-字体可以溢出矩形框

• vertical Overflow：处理文本太高无法放入矩形范围内时的处理方式

• Truncate：截断模式-字体始终在矩形范围内，超出部分裁剪
• Overflow：溢出模式-字体可以溢出矩形框

Best Fit：忽略字体大小，始终把内容完全显示在矩形框中，会自动调整字体大小

MinSize：最小多小

MaxSize：最大多大

组合控件

Button

button用于处理玩家按钮相关交互的关键组件

默认创建的Button由2个对象组成

父对象-Button组件同时挂载了一个Image组件作为按钮背景图

子对象-按钮文本（可选）

• Interactable：是否接受输入

• Transition：响应用户输入的过渡效果

  • None:没有状态变化效果

  ColorTint：用颜色表示不同状态变化

  TargetGraphic：控制的目标图形

  Normal Color：正常状态颜色

  Highlighted Color：鼠标进入时吸纳事高亮颜色

  Pressed Color：按下颜色

  Selected Color：选中的颜色

  Disabled Color：禁用时的颜色

  Color Multiplier：颜色倍增器，过渡颜色乘以该值

  FadeDuration：衰减持续时间，从一个状态进入另一个状态时需要的时间

  Sprite Swap：用图片表示不同状态的变化

  Highlighted Sprite:鼠标进入时图片

  Pressed Sprite：按下时图片

  Selected Color：选中时的颜色

  Disabled Sprite：禁用时显示的图片

  Animation：用动画来表示不同状态的变化

  Normal Trigger：正常动画触发器

  Highlighted Trigger：鼠标进入状态时触发器

  Pressed Trigger：按下时触发器

  Selected Trigger：选中时触发器

  Disabled Trigger：禁用时触发器

  • Navigation：导航模式，可以设置UI元素如何在播放模式中控制导航

  None：无键盘导航

  Horizontal：水平导航

  Vertical：垂直导航

  Automatic：自动导航

  Explicit：指定周边控件进行导航

• Onclick：点击（按下再抬起）执行的函数列表

注册点击事件的两种方法

1 在Onclick 列表中关联某个游戏对象中的某个方法

2 代码注册

Button btn = this.GetComponent<Button>();
btn.onClick.AddListener((() => print("按钮被点击了")));

移除注册事件

btn.onClick.RemoveListener();
btn.onClick.RemoveAllListeners();

Toggle

toggle是开关组件，用于处理玩家单选多选框相关交互的关键组件

开关组件 默认是多选框

可以通过配合ToggleGroup组件制作为单选框

• IsOn：当前是否处于打开状态

• Toggle Transition：在开关值变化时的过渡方式

  • None：无任何
  • Fade：淡入淡出

• Graphic：用于表示选中状态的图片

• Group：单选框分组

• On Value Changed：开关状态变化时执行的函数列表

ToggleGroup组件

Allow Switch Off：是否允许不选中任何一个单选框

InputField

用于处理文本输入相关交互的关键组件

• 组成

InputField由3个对象组成

父对象-InputField 挂载的 Image对象

子对象-文本是现实组件（必备）、默认显示文本组件（必备）

• TextComponent：用于关联显示输入内容的文本组件

• Text：输入框的起始默认值

• CharacterLimit：可以输入字符长度的最大值

• Content Type：输入的字符类型限制

  Standard：标准模式，可以输入任何字符

  Autocorreted：自动更正模式；跟踪未知单词，想用户建议合适的替换候选词

  Integer Number：整数模式；用户只能输入整数

  Decimal Number：十进制数字模式；只能输入字母和数字

  Name：名字模式；自动将每个单词首字母大写

  Email Address：邮箱地址模式；允许最多输入一个@符号组成的字符和数字字符串

  Password：密码模式；用星号隐藏输入的字符，允许使用符号

  Pin：别针模式；用星号隐藏输入的字符，只允许输入整数

  Custom：自定义模式；允许自定义行类型，输入类型，键盘类型和字符验证

• Line Type：行类型，定义文本格式

  Single Line：只允许单行显示

  Multi Line Submit：允许使用多行。仅在需要使用新的一行

  Multi Line NewLine：允许使用多行。用户可以按回车键空行

Placeholder：关联用于显示初始内容文本控件

Caret Blink Rate：光标闪烁速率

Caret Width：光标宽

Custom Caret Color：自定义光标颜色

Selection Color：批量选中的背景颜色

Hide Mobile Input：隐藏移动设备屏幕键盘，仅适用于ios

Read Only：只读，不能更改

• Character Limit：可以输入字符长度的最大值

Slider

用于处理滑动条相关交互的关键组件

默认创建的Slider由4组对象组成

父对象-slider组件

子对象-背景图、进度图、滑动块三组对象

• FillRect：用于填充的进度条图形
• Handle Rect：用于滑动的滑动块图形
• Direction：滑动条值增加的方向
  • Left To Right：从左到右
  • Right To Left：从右到左
  • Bottom To Top：从下到上
  • Top To Bottom：从上到下
• Min Value 和 Max Value：最小值和最大值，滑动滚动条时值从最小到最大之间变化
• Whole Numbers：是否约束整数值变化
• Value：当前滑动条代表的数值
• OnValueChanged：滑动条值改变时执行的函数列表

Scrollbar

• Handle Rect：关联滚动块图形对象
• Direction：滑动条值增加的方向
  • Left To Right：从左到右
  • Right To Left：从右到左
  • Bottom To Top：从下到上
  • Top To bottom：从上到下
• Value：滚动条初始位置值（0～1）
• Size：滚动块在条中的比例大小（0～1）
• Number Of Steps：允许可以滚动多少次（不同滚动位置的数量）
• OnValueChanged：滚动条值改变时执行的函数列表

ScrollView

 Content：控制滚动时图显示内容的父对象，它的尺寸有多大，滚动视图就能拖多远

  Horizontal：启用水平滚动

 Vertical：启用垂直滚动

 Movement Type：滚动视图元素的运动类型。主要控制拖动时的反馈效果

​ Unrestricted（一般不用）：不受限制，随便拖动

​  Elastic（常用）：回弹效果，当滚出边缘后，会弹回边界

​  Clamped：夹紧效果，始终限制在范围内，没有回弹效果

​  Elasticity：回弹系数，控制回弹效果。值越大回弹越慢

 Interia：移动惯性，如果开启，松开鼠标后会有一定的移动惯性

 Deceleration Rate：减速率（0～1），0没有惯性，1不回停止

 Scroll Sensitivity：滚轮（鼠标中间）和触摸板（笔记本）的滚动事件敏感性

 Viewport：关联滚动视图内容视口对象

 Horizontal Scrollbar：关联水平滚动条

​  Visibility：是否在不需要时自动隐藏等模式

​  Permanent：一直显示滚动条

​  Auto Hide：自动隐藏滚动条

​  Auto Hide And Expand Viewport：自动隐藏滚动条并且自动拓展内容视口

 Spacing：滚动条和视口之间的间隔空间

 OnValueChanged：滚动视图位置改变时执行的函数列表

Drop Down

 Template：关联下拉列表

 Caption Text：关联显示当前选择内容的文本组件

 Caption Image：关联显示当前选择内容的图片组件

 Item Text：关联下拉列表选用的文本控件 
 Item Image：关联下拉列表选项用的图片控件
 Value：当前所选选项的索引值

 Alpha Fade Speed：下拉列表窗口淡入淡出的速度

 Options：存在的选项列表

代码控制

Dropdown dd = GetComponent<Dropdown>();
print(dd.options[dd.value]); //查看一个当前选中选项
dd.options.Add(new Dropdown.OptionData("nihao")); //添加一个选项

打包图集

Edit ---> Project Setting --> Editor

Sprite Packer（精灵包装器，可以通过Unity自带图集工具生成图集

Disabled：默认设置，不会打包图集

Enabled For Builds（Legacy Sprite Packer）：Unity仅在构建时打包图集，在编辑模式下不会打包图集

Always Enabled（Legacy Sprite Packder）：Unity 在构建时打包图集，在编辑模式下运行前会打包图集

Legacy Sprite Packer：传统打包模式 相对下面两种模式来说 多了一个设置图片之间的间隔距离 ；这里的数字代表2的n次方

Always Enabled：Unity在构建时打包图集，在编辑模式下运行前会打包图集