当前位置：首页 > news >正文

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

news 2025/7/21 4:57:37

在这里插入图片描述

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

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

👨‍💻 本文由秩沅原创

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

在这里插入图片描述

⭐习题总结专题篇⭐

文章目录

- ⭐习题总结专题篇⭐
- 🎶前言
UGUI复合控件
- 🎶（==A==）UGUI_Button
- - - 脑图知识点
    - 参数概览-颜色响应
    - 参数概览-图片响应
    - 参数概览-动画响应
- 🎶（==B==）UGUI_Toggle
- - - 脑图知识点
    - 参数
    - 单选框分组
    - 相关参数
    - 监听代码
- 🎶（==C==）UGUI_InputField
- - - 脑图
    - 参数
    - content type参数
    - 代码和监听相关
- 🎶（==D==）UGUI_Slider
- - - 脑图
    - 参数
    - 相关代码
- 🎶（==E==）UGUI_ScrollBar
- - - 脑图
    - 组成
    - 参数
    - 代码相关
- 🎶（==E==）UGUI_ScrollView
- - - 创建组成
    - scroll Rect参数
    - 视图运动参数
    - 滚动条的同步显隐
    - 代码控制
    - 监听
未完待续

🎶前言

素材来自唐老狮

🅰️

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: 自定义模式；允许自定义行类型，输入类型，键盘类型和字
符验证