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

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

news 2025/9/16 14:43:23

在这里插入图片描述

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

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

代码和监听相关

在这里插入图片描述
1在这里插入图片描述

🎶（D）UGUI_Slider

脑图

在这里插入图片描述

参数

在这里插入图片描述

相关代码

在这里插入图片描述

在这里插入图片描述

🎶（E）UGUI_ScrollBar

脑图

在这里插入图片描述

组成

在这里插入图片描述

参数

在这里插入图片描述

代码相关

在这里插入图片描述
在这里插入图片描述

🎶（E）UGUI_ScrollView

创建组成

在这里插入图片描述

scroll Rect参数

在这里插入图片描述

在这里插入图片描述

视图运动参数

在这里插入图片描述
在这里插入图片描述

滚动条的同步显隐

在这里插入图片描述

在这里插入图片描述
效果演示：
在这里插入图片描述

代码控制

在这里插入图片描述

监听

在这里插入图片描述

未完待续

⭐相关文章⭐

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

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

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

相关文章：

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

👨‍💻个人主页：元宇宙-秩沅 👨‍💻 hallo 欢迎 点赞👍 收藏⭐ 留言📝 加关注✅! 👨‍💻 本文由 秩沅 原创 👨‍💻 收录于专栏：UI_…...

编程日记 2023/10/13 6:34:54

ubuntu下使用gcc编译c程序: “error: stray ‘\357’ in program“

现象&#xff1a; ubuntu下使用gcc编译c程序: “error: stray ‘\357’ in program“ 尝试查找原因&#xff1a;打开从windos直接粘贴c程序到ubuntu的c代码&#xff0c;发现多了 <200b>&#xff1a; 方案&#xff1a;尝试在vim编辑器删除&#xff0c;多出来的字符后编译…...

编程日记 2023/10/13 6:33:53

LeetCode 143.重排链表

题目链接 力扣&#xff08;LeetCode&#xff09;官网 - 全球极客挚爱的技术成长平台 题目解析 分析题目后我们可以直接进行模拟实现。 具体用到的就是我们之前的知识的结合&#xff0c;首先使用快慢指针找到链表的中间结点。然后将后半段链表给翻转一下&#xff0c;然后再让这…...

编程日记 2023/10/13 6:32:53

不做决策的“RPA机器人”，不是合格的“数字化劳动力”

01 RPA机器人向“数字劳动力”的转变 随着 RPA 技术被广泛应用各行业的不同场景中&#xff0c;再结合以深度学习为代表的 AI 人工智能技术的新一轮发展&#xff0c;RPA 机器人目前已经从仅能处理“单一、重复和标准化的流程”向智能流程自动化的方向发展&#xff0c;从而具备处…...

编程日记 2023/10/13 6:31:51

网页开发中使用highlight.js实现代码高亮 + 行号

一、背景# 笔者在开发这套博客系统时使用 Editormd 作为 Markdown 编辑器&#xff0c;由于不满足其代码高亮的样式&#xff0c;因此选用 highlight.js 插件来实现代码高亮功能。但是&#xff0c;highlight.js 插件不提供行号的设置功能&#xff0c;于是有了该文章。 二、实现…...

编程日记 2023/10/13 6:29:49

访问Apache Tomcat的manager页面

配置访问Tomcat manager页面的用户名、密码、角色 Tomcat安装完成后&#xff0c;包含了一个管理应用&#xff0c;默认安装在 <Tomcat安装目录>/webapps/manager 例如&#xff1a; 要使用管理页面的功能&#xff0c;需要在conf/tomcat-users.xml文件中配置用户、密码及…...

编程日记 2023/10/13 6:28:47

Ubuntu 20.04.6 LTS repo int 提示/usr/bin/env: “python“: 权限不够

这是由于ubuntu20.04默认安装的python3&#xff0c;将python命令配置i为了python3为软连接&#xff0c;此时只需要通过命令添加配置为python软连接即可 sudo ln -s /usr/bin/python3.8 /usr/bin/python 其中/usr/bin/python3.8这个需要看ubuntu下具体的文件&#xff0c;/usr/…...

编程日记 2023/10/13 6:27:43

python随手小练5

1、求1-100的累加和&#xff08;终止条件 1-100&#xff09;&#xff08;while和for两种&#xff09; #while循环 count 0 index 0 while index < 100:count indexindex 1 print(count)#for循环 sum 0 for i in range(0,101):sum i print(sum)结果&#xff1a; 5050 2…...

编程日记 2023/10/13 6:26:43

一分钟！图片生成32种动画；Adobe绘画工具大升级；复盘Kaggle首场LLM比赛；VR科普万字长文 | ShowMeAI日报

&#x1f440;日报&周刊合集 | &#x1f3a1;生产力工具与行业应用大全 | &#x1f9e1; 点赞关注评论拜托啦&#xff01; &#x1f525; Adobe Firefly 大升级&#xff01;图像高清、操作便利&#xff0c;体验感拉满 https://firefly.adobe.com Adobe Firefly 升级了&…...

编程日记 2023/10/13 6:25:41

[Framework] Android Handler 工作原理

Android 中的 Handler 都被人说烂了&#xff0c;但是还是想多说一次&#xff0c;因为在 Android 的系统中它真的非常重要而且它的机制并没有很复杂&#xff0c;无论是新手和老手都可以好好学习下&#xff0c;这对理解 Android 系统很重要&#xff0c;所以说学习的性价比非常高。…...

编程日记 2023/10/13 6:24:40

KITTI数据集中的二进制激光雷达数据（.bin文件）转换为点云数据（.pcd文件）（C++代码）

目录 main.cpp CMakeLists.txt main.cpp #include <pcl/io/pcd_io.h> #include <pcl/point_types.h> #include <fstream> #include <iostream> #include <vector>int main() {// Define file pathsstd::string input_filename "/home/f…...

编程日记 2023/10/13 6:22:37

全球AI人工智能领袖：Anthropic联合创始人丹妮拉·阿莫迪！

在创业界中&#xff0c;有许多杰出的女性企业家&#xff0c;而丹妮拉阿莫迪则是其中的佼佼者。作为Anthropic联合创始人&#xff0c;丹妮拉以她的智慧、勇气和远见闻名于世。 她的故事既是启迪&#xff0c;又是励志&#xff0c;让我们一起来看看她的独特之处。 丹妮拉阿莫迪毕…...

编程日记 2023/10/13 6:21:34

CoT 的方式使用 LLM 设计测试用例实践

前期准备 import SparkApi import os from dotenv import load_dotenv, find_dotenv#以下密钥信息从控制台获取_=load_dotenv(find_dotenv()) appid = os.getenv("SPARK_APP_ID") api_secret=os.getenv("SPARK_APP_SECRET") api_key=os.getenv("SPAR…...

编程日记 2023/10/13 6:20:33

神秘的锦衣卫

在看明朝电视剧经常听到的一句台词&#xff1a;锦衣卫办案&#xff0c;闲杂人等速速离开。锦衣卫是明朝特务机构&#xff0c;直接听命于皇帝&#xff0c;是亲军卫之一&#xff0c;也是最重要的一卫。 1、卫所制 卫所制是明代最主要的军事制度&#xff0c;其目标是寓兵于农、屯…...

编程日记 2023/10/13 6:19:32

Springboot中使用Redis

Redis 是一个基于内存的key-value的结构数据库适合存储热点数据 Macos安装Redis https://redis.io/docs/getting-started/installation/install-redis-on-mac-os/安装redis brew install redis查看安装信息&#xff1a; brew info redis前台启动redis: redis-server后台启…...

编程日记 2023/10/13 6:18:31

超声波波形生成电路设计

摘要 随着我国微型电子技术和嵌入式系统的发展&#xff0c;目前行业内相对比较传统的超声波技术无法满足客户的需求。为了改进传统超声波技术在被测设备上的短板问题&#xff0c;在本次毕业设计中&#xff0c;将使用相对先进、快捷、智能的控制机制。该超声波生成控制系统的控制…...

编程日记 2023/10/13 6:17:30

C#和JS交互之Microsoft.ClearScript.V8（V8引擎）

之前测试了很多JS引擎&#xff0c;都只支持es5语法&#xff0c;不支持执行es6&#xff0c;测试了下微软的V8反正能跑通&#xff0c;应该是支持的。还得是微软呀。 如图&#xff1a;安装相关包&#xff1a; 这是参考的官方V8代码 using Microsoft.ClearScript.JavaScript; us…...

编程日记 2023/10/13 6:12:23

9月活动回顾（免费领取PPT）｜火山引擎DataLeap、ByteHouse多位专家带来DataOps、实时计算等前沿技术分享！

更多技术交流、求职机会&#xff0c;欢迎关注字节跳动数据平台微信公众号&#xff0c;回复【1】进入官方交流群 在上月举行的火山引擎开发者社区 Meetup 第12期暨超话数据专场《数智化转型背景下的火山引擎大数据技术揭秘》上&#xff0c;来自火山引擎DataLeap、EMR、DataSail、…...

编程日记 2023/10/13 6:10:21

salesforce的按钮执行js代码如何链接到apex代码

在Salesforce中&#xff0c;你可以通过自定义JavaScript按钮或链接来触发Apex代码的执行。这可以通过使用JavaScript Remoting或Visualforce页面来实现。以下是一些步骤来将JavaScript按钮与Apex代码链接起来&#xff1a; 使用JavaScript Remoting链接JavaScript按钮到Apex代码…...

编程日记 2023/10/13 6:09:19

C语言 —— 操作符

1. 操作符的分类 算术操作符: - * / % 移位操作符: << >> 位操作符: & | ^ 赋值操作符: - 单目操作符 关系操作符 逻辑操作符 条件操作符 逗号表达式 下标引用、函数调用和结构成员 2. 算术操作符 - * / % 注意 /操作符: 对于整型的除法运算结果依然是整数…...

编程日记 2023/10/13 6:08:18

第19节 Node.js Express 框架

Express 是一个为Node.js设计的web开发框架&#xff0c;它基于nodejs平台。 Express 简介 Express是一个简洁而灵活的node.js Web应用框架, 提供了一系列强大特性帮助你创建各种Web应用&#xff0c;和丰富的HTTP工具。 使用Express可以快速地搭建一个完整功能的网站。 Expre…...

编程新知 2025/9/14 10:15:00

Vue记事本应用实现教程

文章目录 1. 项目介绍2. 开发环境准备3. 设计应用界面4. 创建Vue实例和数据模型5. 实现记事本功能5.1 添加新记事项5.2 删除记事项5.3 清空所有记事 6. 添加样式7. 功能扩展&#xff1a;显示创建时间8. 功能扩展&#xff1a;记事项搜索9. 完整代码10. Vue知识点解析10.1 数据绑…...

编程新知 2025/8/31 5:08:06

设计模式和设计原则回顾

设计模式和设计原则回顾 23种设计模式是设计原则的完美体现，设计原则设计原则是设计模式的理论基石， 设计模式 在经典的设计模式分类中（如《设计模式：可复用面向对象软件的基础》一书中），总共有23种设计模式，分为三大类： 一、创建型模式（5种） 1. 单例模式（Sing…...

编程新知 2025/8/10 21:01:28

java_网络服务相关_gateway_nacos_feign区别联系

1. spring-cloud-starter-gateway 作用&#xff1a;作为微服务架构的网关&#xff0c;统一入口&#xff0c;处理所有外部请求。 核心能力&#xff1a; 路由转发&#xff08;基于路径、服务名等&#xff09;过滤器&#xff08;鉴权、限流、日志、Header 处理&#xff09;支持负…...

编程新知 2025/7/8 20:58:51

《用户共鸣指数（E）驱动品牌大模型种草：如何抢占大模型搜索结果情感高地》

在注意力分散、内容高度同质化的时代&#xff0c;情感连接已成为品牌破圈的关键通道。我们在服务大量品牌客户的过程中发现&#xff0c;消费者对内容的“有感”程度&#xff0c;正日益成为影响品牌传播效率与转化率的核心变量。在生成式AI驱动的内容生成与推荐环境中&#xff0…...

编程新知 2025/9/14 12:35:12

零基础设计模式——行为型模式 - 责任链模式

第四部分&#xff1a;行为型模式 - 责任链模式 (Chain of Responsibility Pattern) 欢迎来到行为型模式的学习&#xff01;行为型模式关注对象之间的职责分配、算法封装和对象间的交互。我们将学习的第一个行为型模式是责任链模式。 核心思想&#xff1a;使多个对象都有机会处…...

编程新知 2025/8/27 2:56:26

laravel8+vue3.0+element-plus搭建方法

创建 laravel8 项目 composer create-project --prefer-dist laravel/laravel laravel8 8.* 安装 laravel/ui composer require laravel/ui 修改 package.json 文件 "devDependencies": {"vue/compiler-sfc": "^3.0.7","axios": …...

编程新知 2025/8/1 7:53:11

NXP S32K146 T-Box 携手 SD NAND（贴片式TF卡）：驱动汽车智能革新的黄金组合

在汽车智能化的汹涌浪潮中&#xff0c;车辆不再仅仅是传统的交通工具&#xff0c;而是逐步演变为高度智能的移动终端。这一转变的核心支撑&#xff0c;来自于车内关键技术的深度融合与协同创新。车载远程信息处理盒&#xff08;T-Box&#xff09;方案&#xff1a;NXP S32K146 与…...

编程新知 2025/9/13 9:39:42

云原生周刊：k0s 成为 CNCF 沙箱项目

开源项目推荐 HAMi HAMi&#xff08;原名 k8s‑vGPU‑scheduler&#xff09;是一款 CNCF Sandbox 级别的开源 K8s 中间件&#xff0c;通过虚拟化 GPU/NPU 等异构设备并支持内存、计算核心时间片隔离及共享调度&#xff0c;为容器提供统一接口&#xff0c;实现细粒度资源配额…...

编程新知 2025/8/4 12:28:02

如何配置一个sql server使得其它用户可以通过excel odbc获取数据

要让其他用户通过 Excel 使用 ODBC 连接到 SQL Server 获取数据&#xff0c;你需要完成以下配置步骤&#xff1a; ✅ 一、在 SQL Server 端配置&#xff08;服务器设置&#xff09; 1. 启用 TCP/IP 协议 打开 “SQL Server 配置管理器”。导航到&#xff1a;SQL Server 网络配…...

编程新知 2025/8/25 19:37:12