Unity UGUI 的所有组件的介绍及应用
本文将介绍 Unity UGUI 中的各个组件,包含它们的具体介绍、用处
1. Text(文本)
- 介绍:Text 组件用于在 UI 界面上显示文本内容。
- 用处:罕用于显示 UI 界面的题目、按钮标签、提示信息等。
2. Image(图片)
- 介绍:Image 组件用于在 UI 界面上显示图片。
- 用处:罕用于显示角色头像、道具图标、背景图片等。
3. Button(按钮)
- 介绍:Button 组件用于创立可交互的按钮。
- 用处:罕用于触发 UI 界面的按钮点击事件,例如开始游戏、关上菜单等。
4. InputField(输入框)
- 介绍:InputField 组件用于接管用户的输出。
- 用处:罕用于接管用户的文本输出,例如用户名、明码等。
5. Slider(滑动条)
- 介绍:Slider 组件用于显示和管制数值的滑动条。
- 用处:罕用于调整音量、进度条等须要间断数值调整的场景。
6. Toggle(复选框)
- 介绍:Toggle 组件用于创立复选框。
- 用处:罕用于设置选项的开关状态,例如音效开关、全屏模式等。
7. Scrollbar(滚动条)
- 介绍:Scrollbar 组件用于管制可滚动内容的滚动条。
- 用处:罕用于显示过长的文本内容或列表,使用户能够滑动查看全部内容。
8. Dropdown(下拉菜单)
- 介绍:Dropdown 组件用于创立下拉菜单。
- 用处:罕用于提供多个选项供用户抉择,例如游戏难度抉择、语言选择等。
9. ScrollRect(滚动视图)
- 介绍:ScrollRect 组件用于创立可滚动的视图区域。
- 用处:罕用于显示大量内容,使用户能够高低或左右滑动查看。
10. Canvas(画布)
- 介绍:Canvas 组件用于创立 UI 元素的容器。
- 用处:罕用于创立 UI 界面的根节点,管制 UI 元素的层级关系和显示成果。
11. ScrollSnap(滚动视图疾速定位)
- 介绍:ScrollSnap 组件用于在滚动视图中实现疾速定位。
- 用处:罕用于滚动视图中的分页浏览,使用户能够疾速跳转到指定页面。
12. GridLayoutGroup(网格布局)
- 介绍:GridLayoutGroup 组件用于在 UI 界面中创立网格布局。
- 用处:罕用于显示多个元素的网格款式布局,例如游戏中的技能面板、背包格子等。
13. Mask(遮罩)
- 介绍:Mask 组件用于创立遮罩成果。
- 用处:罕用于限度 UI 元素的可见区域,例如显示部分内容、创立虚构摇杆等。
14. ScrollSnapBase(滚动视图根底)
- 介绍:ScrollSnapBase 组件是 ScrollSnap 的根底类。
- 用处:罕用于自定义滚动视图的疾速定位性能。
15. RawImage(原始图片)
- 介绍:RawImage 组件用于在 UI 界面上显示原始图片。
- 用处:罕用于显示视频、WebCam 等实时图像。
16. MaskableGraphic(可遮罩图形)
- 介绍:MaskableGraphic 组件是可遮罩图形的根底类。
- 用处:罕用于自定义可遮罩的图形元素,例如实现自定义的遮罩成果。
17. LayoutElement(布局元素)
- 介绍:LayoutElement 组件用于管制布局元素的大小、地位。
- 用处:罕用于调整 UI 元素的主动布局形式,例如自适应屏幕大小。
18. DropdownOptionData(下拉菜单选项)
- 介绍:DropdownOptionData 类用于定义下拉菜单中的选项。
- 用处:罕用于动静生成下拉菜单的选项,例如从数据源中获取选项列表。
19. ScrollRectEvent(滚动视图事件)
- 介绍:ScrollRectEvent 类用于定义滚动视图的事件。
- 用处:罕用于监听滚动视图的滑动、拖拽等事件,实现自定义的交互逻辑。
20. HorizontalLayoutGroup(程度布局)
- 介绍:HorizontalLayoutGroup 组件用于创立程度布局。
- 用处:罕用于程度排列多个元素,例如按钮组、菜单栏等。
21. VerticalLayoutGroup(垂直布局)
- 介绍:VerticalLayoutGroup 组件用于创立垂直布局。
- 用处:罕用于垂直排列多个元素,例如列表、聊天记录等。
22. ContentSizeFitter(内容尺寸适应器)
- 介绍:ContentSizeFitter 组件用于依据内容主动调整尺寸。
- 用处:罕用于依据内容的大小主动调整 UI 元素的尺寸,例如文本框、按钮等。
23. AspectRatioFitter(宽高比适应器)
- 介绍:AspectRatioFitter 组件用于依据宽高比主动调整尺寸。
- 用处:罕用于放弃 UI 元素的宽高比例不变,适应不同屏幕尺寸。
24. CanvasScaler(画布缩放器)
- 介绍:CanvasScaler 组件用于调整画布的缩放比例。
- 用处:罕用于适配不同屏幕分辨率,确保 UI 元素在不同设施上的显示成果统一。
之后将会为每个组件的用处及应用形式进行具体解说