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

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

news 文章来源：https://blog.csdn.net/m0_64128218/article/details/133800648 2025/5/15 3:48:48

在这里插入图片描述

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

👨‍💻 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

物联网AI MicroPython传感器学习 之 CCS811空气质量检测传感器

学物联网&#xff0c;来万物简单IoT物联网&#xff01;&#xff01; 一、产品简介 通过CCS811传感器模块可以测量环境中TVOC(总挥发性有机物质)浓度和eCO2(二氧化碳)浓度&#xff0c;作为衡量空气质量&#xff08;IAQ&#xff09;的指标。 引脚定义 VCC&#xff1a;3.3VGND&…...

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

TCP/IP(十五)拥塞控制

一 拥塞控制 ① 拥塞控制必要性 思考&#xff1a; 为什么要有拥塞控制呀,不是有流量控制了吗&#xff1f; ② 拥赛窗口 cwnd 什么是拥塞窗口? 和发送窗口有什么关系呢?明白&#xff1a; cwnd、swnd、rwnd 缩写 含义 ③ 如何知道当前网络是否出现了拥塞呢&#xff1f;…...

编程日记 2023/10/13 6:06:16

vue3 404解决方法

在 Vue 3 应用中解决 404 错误通常涉及到 Vue Router&#xff0c;因为 404 错误通常与路由无法匹配到的路径有关. 1. **检查路由配置**&#xff1a;首先确保你的路由配置正确。确保每个路由路径都与你的组件正确匹配&#xff0c;并且在需要时添加必要的路由守卫。 2. **通配符…...

编程日记 2023/10/13 6:04:15

Unity中使用Xlua调用lua相关

//引用命名空间 using XLua; public class L1 : MonoBehaviour {// Start is called before the first frame updatevoid Start(){//Lua解析器 让我们在Unity中使用luaLuaEnv env new LuaEnv();//执行env.DoString("print(OK)");//执行一个Lua脚本 在resource文件夹…...

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

基于http的protobuf服务实现

本文介绍在http协议中&#xff0c;使用protobuf格式进行二进制数据通信。双方需设置http的header中ContentType为application/x-protobuf。 1、springboot下实现protobuf&#xff1a; 1&#xff09;pom.xml <dependency><groupId>org.springframework.boot</g…...

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

基于uniapp的商城外卖小程序

博主主页&#xff1a;猫头鹰源码 博主简介&#xff1a;Java领域优质创作者、CSDN博客专家、公司架构师、全网粉丝5万、专注Java技术领域和毕业设计项目实战 主要内容&#xff1a;毕业设计(Javaweb项目|小程序等)、简历模板、学习资料、面试题库、技术咨询 文末联系获取 项目介绍…...

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

【CSS】Tailwind CSS

直接参考 Tailwind CSS 安装提供了四种方式。因为我常用构建工具搭建项目&#xff0c;所以选择 Using PostCSS 。 其中 tailwind.config.js 的配置可以改为&#xff1a; module.exports {content: [./index.html, ./src/**/*.{vue,js,ts,jsx,tsx}],theme: {extend: {},},pl…...

编程日记 2023/10/13 6:00:07

leetcode-电话号码组合（C CODE）

1. 题目 给定一个仅包含数字 2-9 的字符串&#xff0c;返回所有它能表示的字母组合。答案可以按 任意顺序 返回。 给出数字到字母的映射如下&#xff08;与电话按键相同&#xff09;。注意 1 不对应任何字母。 示例 1&#xff1a; 输入&#xff1a;digits “23” 输出&#…...

编程日记 2023/10/13 5:59:06

Leetcode92. 反转链表 II

Every day a Leetcode 题目来源&#xff1a;92. 反转链表 II 解法1&#xff1a;模拟 注意 STL 的 reverse() 是左闭右开的。 代码&#xff1a; class Solution { public:ListNode *reverseBetween(ListNode *head, int left, int right){vector<int> nums getNums(…...

编程日记 2023/10/13 5:58:04

【算法作业记录】

插入排序 递归实现 直接插入 #将a[n]插入有序区间a[0,n-1]中 时间复杂度 O&#xff08;n&#xff09; def Insert(a,n):inwhile(i>0 and a[i-1]>a[i]):tmpa[i]a[i]a[i-1]a[i-1]tmpi-1return #直接插入排序 def Insertsort(a,n):for i in range(1,n):#【1&#xff0c;n-…...

编程日记 2023/10/13 5:57:03