基础控件
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自带图集工具生成图集
标签:控件,Sprite,Color,基础,模式,组件,UGUI,图集 From: https://www.cnblogs.com/blwjw/p/18011000Disabled:默认设置,不会打包图集
Enabled For Builds(Legacy Sprite Packer):Unity仅在构建时打包图集,在编辑模式下不会打包图集
Always Enabled(Legacy Sprite Packder):Unity 在构建时打包图集,在编辑模式下运行前会打包图集
Legacy Sprite Packer:传统打包模式 相对下面两种模式来说 多了一个设置图片之间的间隔距离 ;这里的数字代表2的n次方
Always Enabled:Unity在构建时打包图集,在编辑模式下运行前会打包图集