【UnityUGUI】复合控件详解，你还记得多少

---

👨‍💻个人主页：@元宇宙-秩沅

👨‍💻 hallo 欢迎 点赞👍 收藏⭐ 留言📝 加关注✅!

👨‍💻 本文由 秩沅 原创

👨‍💻 收录于专栏：UI_Unity专栏

---

⭐习题总结专题篇⭐

---

---

🎶前言

---

素材来自唐老狮

---

🅰️

---

UGUI复合控件

---

🎶（A）UGUI_Button

---

脑图知识点

---

参数概览-颜色响应

---

参数概览-图片响应

---

参数概览-动画响应

---

---

通过自动生成按钮动画控制器

通过自定义尺寸来设置按钮动画

• 导航模式参数介绍

就是可以通过键盘移动选中的按钮

相关代码

代码监听

---

🎶（B）UGUI_Toggle

---

脑图知识点

---

参数

---

上面的参数和Button一样

—

单选框分组

---

• 创建一个开关组对象添加组件ToggleGroup，然后把其他开关组件放作为子对象放进其中,在子对象group参数里面，如果这些子对象的Group参数全都是的话，那么他就是单选框，如果里面是空的，他们就是多选框，互不相斥
  

---

• 单选框
  
• 多选框
  
• 选中allow switch off_允许都不勾选

相关参数

---

监听代码

---

---

🎶（C）UGUI_InputField

---

脑图

---

---

参数

---

content type参数

---

Standard:标准模式；可以输入任何字符
Autocorrected:自动更正模式；跟踪未知单词，向用户建议合适的换候选词
Integer Number:整数模式；用户只能输入整数
Decimal Number:十进制数模式；用于只能输入数组包括小数
Alphanumeric:字母数字模式；只能输入字母和数字
Name:名字模式；自动将每个单子首字母大写
Email Address: 邮箱地址模式；允许最多输入一个@符号组成的字符和数字字符串
Password:密码模式；用星号隐藏输入的字符，允许使用符号
Pin:别针模式；用星号隐藏输入的字符，只允许输入整数
Custom: 自定义模式；允许自定义行类型，输入类型，键盘类型和字
符验证

代码和监听相关

---

1

---

🎶（D）UGUI_Slider

---

脑图

---

参数

---

相关代码

---

---

🎶（E）UGUI_ScrollBar

---

脑图

---

组成

---

参数

---

代码相关

---

---

🎶（E）UGUI_ScrollView

---

创建组成

---

scroll Rect参数

---

视图运动参数

滚动条的同步显隐

---

效果演示：

代码控制

监听

---

---

Vertical Layout Grounp 组件

---

• 控制垂直方向的组件的位置参数

---

Content Size Fitter大小自适应组件

---

🎶（G）UGUI_DropDown

---

下拉列表

脑图

---

组成

---

---

参数

---

---

如何将图集和文字一同显示

---

• 1，首先创建一个UI Image

---

---

• 2.移动图集位置

---

---

• 3.拖拽到Caption Image

---

---

• 4 .激活Template

---

---

• 5.再在Item创建一个Image

---

---

• 6.再失活

---

---

• 7.再拖拽到Item Image中

---

---

• 8.将每个选项添加图片

---

结果显示

相关代码

---

未完待续

---

⭐相关文章⭐

---

⭐ 软件设计师高频考点大全⭐

⭐ unity之c#专题篇—系统强基⭐

---

---

你们的点赞👍 收藏⭐ 留言📝 关注✅是我持续创作，输出优质内容的最大动力！