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

【unity3D】Scroll Rect组件—制作下滑列表

news 2026/2/10 23:59:07

💗 未来的游戏开发程序媛，现在的努力学习菜鸡
💦本专栏是我关于游戏开发的学习笔记
🈶本篇是unity的Scroll Rect组件

Scroll Rect组件

    • 基础知识
    • 详细说明
    • 案例演示——制作一个简单的下滑框
    • 扩展

介绍：Scroll Rect组件是用于在UI中创建可滚动区域的组件。它允许用户在滚动视图中显示大量内容，并通过滑动滚动条或手势来浏览内容。 Scroll Rect 组件可以与各种其他 UI 组件（如按钮、文本框和图像）组合使用。它非常适合用于展示列表、排行榜、日志等需要滚动的UI中。

基础知识

在这里插入图片描述

属性说明
Content这是 UI 元素要滚动的 Rect Transform 的引用，例如一个大图像
Horizontal是否允许水平滑动
Vertical是否允许垂直滑动
Movement Type选择滑动方式
Elasticity当选择Elastic滑动方式时，用于限制弹性距离
Inertia是否启用惯性
Deceleration Rate启用惯性的情况下的减速率
Scroll Sensitivity滚轮灵敏度。值越大，灵敏度越高
Viewport是内容 Rect Transform 的父项视口 Rect Transform 的引用
Horizontal Scrollbar可选的水平滚动条元素的引用
Vertical Scrollbar可选的垂直滚动条元素的引用
Visibility滚动条是否应该自动隐藏
Spacing滚动条和视口之间的空间

详细说明

  1. Movement Type：无限制、弹性或约束。使用弹性或约束来强制内容保持在滚动矩形的边界内。在弹性模式下，当内容到达滚动矩形的边缘时会反弹。在这里插入图片描述
  2. Scroll Sensitivity：调节这个值可以控制滚轮滑动，挺常用的。默认值的情况下鼠标滑动的很慢，基本滑动不了，通过将这个值调大，就可以通过鼠标控制滑动了。

案例演示——制作一个简单的下滑框

  1. 在新的Panel上新建一个Image作为背景图片，在它下面再新建一个Image，作为遮罩和可移动面板。
    在这里插入图片描述

  2. 在图片MaskImg添加上Mask组件和Scroll Rect组件，取消掉勾选Show Mask Graphic，不显示遮罩图片
    在这里插入图片描述
    在这里插入图片描述

  3. 在MaskImg下新建一个要显示的内容，比如一段很长的文本。
    在这里插入图片描述

  4. 然后把这个文本拖拽到content中，取消水平方向的勾选，就实现了一个可以无限制下滑的文本。
    在这里插入图片描述请添加图片描述

  5. 调节一下运动方式和鼠标灵敏度，就实现了一个有限制的可以用鼠标滑动的文本，可以用来做文本内容比较长的公告栏等。
    在这里插入图片描述

请添加图片描述

扩展

配合Layout Group和Content Size Fitter组件，还可以实现很多游戏中常见的功能，比如关卡选择，任务公告栏等等。
在这里插入图片描述
在这里插入图片描述

💦更多内容请前往主页置顶或点击链接直达：【unity3D】游戏开发专栏的目录

相关文章：

【unity3D】Scroll Rect组件—制作下滑列表

💗 未来的游戏开发程序媛，现在的努力学习菜鸡 💦本专栏是我关于游戏开发的学习笔记 🈶本篇是unity的Scroll Rect组件 Scroll Rect组件 基础知识详细说明案例演示——制作一个简单的下滑框扩展 介绍：Scroll Rect组件是用…...

编程日记 2023/10/27 0:56:28

网络扫描与网络监听

前言：前文给大家介绍了网络安全相关方面的基础知识体系，以及什么是黑客，本篇文章笔者就给大家带来“黑客攻击五部曲”中的网络扫描和网络监听 目录 黑客攻击五部曲 网络扫描 按扫描策略分类 按照扫描方式分类 被动式策略 系统用户扫描 …...

编程日记 2023/10/27 0:55:25

Codeforces Round 904 (Div. 2) C

C. Medium Design 思路：我们设最大值所在的下标为 x x x,最小值所在的下标为 y y y,那么我们考虑一段区间对于答案的贡献： 若一段区间覆盖了 x x x，但没有覆盖 y y y,那么这段区间需要选择 若一段区间覆盖了 y y y，但没有覆盖 x…...

编程日记 2023/10/27 0:54:24

DBeaver连接数据库报错：Public Key Retrieval is not allowed 的解决方案

写在前面： DBeaver是一款免费的数据库管理工具，安装也是傻瓜式一键安装，比较推荐。 DBeaver官网（加载有点慢，耐心等待）：DBeaver Community | Free Universal Database Tool 报错详情&#xff…...

编程日记 2023/10/27 0:52:23

DeepFace【部署 04】轻量级人脸识别和面部属性分析框架deepface使用Docker部署CPU+GPU两个版本及cuDNN安装

使用Docker部署CPUGPU 1.CPU2.GPU3.cuDNN安装3.1 Prerequisites3.2 下载Linux版本cuDNN3.3 安装 1.CPU 本说明基于DeepFace的Docker镜像文件deepface_image.tar进行说明。 # 1.导入镜像 docker load -i deepface_image.tar# 2.创建模型文件夹【并将下载好的模型文件上传】 mk…...

编程日记 2023/10/27 0:51:21

程序生活 - 减肥小记

文章目录 缘起健康就好了吗？关于外在和物质生活难与易 我的减肥生活一些细节轻断食戒糖、油炸、重口味睡眠改变社交方式用运动化解压力不喝牛奶 缘起 2017年的一次腿受伤，让我从一个怎么都吃不胖的人，变成了一个实实在在的胖子。 如果你从来…...

编程日记 2023/10/27 0:50:20

深度学习_4_实战_直线最优解

梯度 实战 代码： # %matplotlib inline import random import torch import matplotlib.pyplot as plt # from d21 import torch as d21def synthetic_data(w, b, num_examples):"""生成 Y XW b 噪声。"""X torch.normal(0,…...

编程日记 2023/10/27 0:49:19

《视觉SLAM十四讲》公式推导（三）

文章目录 CH3-8 证明旋转后的四元数虚部为零，实部为罗德里格斯公式结果 CH4 李群与李代数CH4-1 SO(3) 上的指数映射CH4-2 SE(3) 上的指数映射CH4-3 李代数求导对极几何：本质矩阵奇异值分解矩阵内积和迹 CH3-8 证明旋转后的四元数虚部为零，实部…...

编程日记 2023/10/27 0:48:18

pnpm、npm、yarn的区别

pnpm、npm、yarn是三种不同的包管理器，它们之间有一些区别。 安装速度：pnpm的安装速度比npm和yarn快，因为它使用了只下载必需的模块，而不是下载整个依赖树。此外，pnpm还可以并行下载模块，从而进一步提高下…...

编程日记 2023/10/27 0:45:13

搞定蓝牙——第四章（GATT协议）

搞定蓝牙——第四章（GATT协议） 原理介绍层次结构server和client端Attribute ESP32代码 文章下面用的英文表示： server和client：服务端和客户端 char.：characteristic缩写，特征 Attribute:属性 ATT:Attribut…...

编程日记 2023/10/27 0:44:12

Go语言入门心法(十四): Go操作Redis实战

Go语言入门心法(一): 基础语法 Go语言入门心法(二): 结构体 Go语言入门心法(三): 接口 Go语言入门心法(四): 异常体系 Go语言入门心法(五): 函数 Go语言入门心法(六): HTTP面向客户端|服务端编程 Go语言入门心法(七): 并发与通道 Go语言入门心法(八): mysql驱动安装报错o…...

编程日记 2023/10/27 0:43:10

Java学习笔记（三）

前言 这个主要就是想记录一个点，就是二维数组保存的元素就是一维数组的地址，这个概念大家都知道了，那么接下来就是我最近写程序发生的一个事情了。 随机打乱一个一维数组 这个程序我相信大家都是会写的，通过randomArr来随机打乱…...

编程日记 2023/10/27 0:42:09

Flutter笔记：GetX模块中不使用 Get.put 怎么办

Flutter笔记 GetX模块中不使用 Get.put 怎么办 作者：李俊才 （jcLee95）：https://blog.csdn.net/qq_28550263 邮箱 ：291148484163.com 本文地址：https://blog.csdn.net/qq_28550263/article/details/13400672…...

编程日记 2023/10/27 0:41:08

2023前端面试整理

1. 介绍一下最近参与的项目,负责那些业务,在开发过程中遇到过问题吗？最后是咋样处理的？ 之前负责过大小十几个项目，负责过浙里办的整套上架流程，负责过数据大屏统计，后台管理系统文书生成表单生成等，浙政钉…...

编程日记 2023/10/27 0:40:07

文化融合：TikTok如何弥合跨文化差异

随着全球化的加速和数字媒体的崛起，社交媒体平台已经成为连接世界各地人们的纽带。其中，TikTok作为一个引领者，正在以惊人的速度消除跨文化差异，促进文化融合，使人们更加了解和尊重不同背景和传统。 本文将深入探讨Ti…...

编程日记 2023/10/27 0:39:06

asp.net core获取config和env

配置文件的读取和使用 //读取配置文件直接使用 var configModel configuration.GetSection("DataBaseConfig").Get<DataBaseConfigModel>(); //读取配置文件注入到IOC中 services.Configure<AssemblyConfig>(configuration.GetSection("AssemblyC…...

编程日记 2023/10/27 0:38:05

Git不常用命令(持续更新)

今日鸡汤&#xff1a;当你最满足的时候&#xff0c;通常也最孤独&#xff1b;当你最愤慨的时候&#xff0c;通常也最可怜。 此博文会列出一些平时不常用&#xff0c;但是能提高效率的git命令&#xff0c;后续会出IDEA对应的操作步骤 快看看你是不是都用过... 分支&#xff08;…...

编程日记 2023/10/27 0:37:04

PostPreSql 数据库的一些用法

1、varchar 类型转换成数字 select sum(CAST(order_num AS NUMERIC)) from ads_port_cli_cons_freq_rpt where yr2023 and mon 08...

编程日记 2023/10/27 0:36:03

小工具推荐：FastGithub的下载及使用

前言&#xff1a;FastGithub是基于dotnet开发的一款开源Github加速器&#xff0c;通过自动获取与GitHub相关的IP地址并更新本地hosts文件来提高资源访问速度&#xff0c;使GitHub的访问畅通无阻。原理&#xff08;复制过来的&#xff09;&#xff1a; ①修改本机的DNS服务指向…...

编程日记 2023/10/27 0:35:00

硬件信息查看工具 EtreCheckpro mac中文版功能介绍

etrecheckpro mac中文版是一款专业的硬件信息查看工具&#xff0c;它能够快速的检测Mac电脑的软硬件信息&#xff0c;加强用户对自己计算机的了解&#xff0c;EtreCheckPro for Mac下载首先会对电脑的软硬件信息进行扫描收集&#xff0c;之后才会显示出来。EtreCheck Mac版报告…...

编程日记 2023/10/27 0:33:59

stm32G473的flash模式是单bank还是双bank？

今天突然有人stm32G473的flash模式是单bank还是双bank&#xff1f;由于时间太久&#xff0c;我真忘记了。搜搜发现&#xff0c;还真有人和我一样。见下面的链接&#xff1a;https://shequ.stmicroelectronics.cn/forum.php?modviewthread&tid644563 根据STM32G4系列参考手…...

编程新知 2026/2/8 20:41:51

CTF show Web 红包题第六弹

提示 1.不是SQL注入 2.需要找关键源码 思路 进入页面发现是一个登录框&#xff0c;很难让人不联想到SQL注入&#xff0c;但提示都说了不是SQL注入&#xff0c;所以就不往这方面想了 ​ 先查看一下网页源码&#xff0c;发现一段JavaScript代码&#xff0c;有一个关键类ctfs…...

编程新知 2026/2/5 4:33:58

Golang 面试经典题：map 的 key 可以是什么类型？哪些不可以？

Golang 面试经典题&#xff1a;map 的 key 可以是什么类型&#xff1f;哪些不可以&#xff1f; 在 Golang 的面试中&#xff0c;map 类型的使用是一个常见的考点&#xff0c;其中对 key 类型的合法性 是一道常被提及的基础却很容易被忽视的问题。本文将带你深入理解 Golang 中…...

编程新知 2025/12/20 7:42:02

YSYX学习记录（八）

C语言&#xff0c;练习0&#xff1a; 先创建一个文件夹&#xff0c;我用的是物理机&#xff1a; 安装build-essential 练习1&#xff1a; 我注释掉了 #include <stdio.h> 出现下面错误 在你的文本编辑器中打开ex1文件&#xff0c;随机修改或删除一部分&#xff0c;之后…...

编程新知 2026/1/24 14:31:01

CMake 从 GitHub 下载第三方库并使用

有时我们希望直接使用 GitHub 上的开源库，而不想手动下载、编译和安装。 可以利用 CMake 提供的 FetchContent 模块来实现自动下载、构建和链接第三方库。 FetchContent 命令官方文档✅ 示例代码 我们将以 fmt 这个流行的格式化库为例，演示如何： 使用 FetchContent 从 GitH…...

编程新知 2026/2/1 3:19:54

宇树科技，改名了！

提到国内具身智能和机器人领域的代表企业&#xff0c;那宇树科技&#xff08;Unitree&#xff09;必须名列其榜。 最近&#xff0c;宇树科技的一项新变动消息在业界引发了不少关注和讨论&#xff0c;即&#xff1a; 宇树向其合作伙伴发布了一封公司名称变更函称&#xff0c;因…...

编程新知 2026/1/28 9:44:45

华为OD最新机试真题-数组组成的最小数字-OD统一考试（B卷）

题目描述 给定一个整型数组，请从该数组中选择3个元素 组成最小数字并输出 (如果数组长度小于3，则选择数组中所有元素来组成最小数字)。 输入描述 行用半角逗号分割的字符串记录的整型数组，0<数组长度<= 100，0<整数的取值范围<= 10000。 输出描述 由3个元素组成…...

编程新知 2025/9/21 23:43:15

沙箱虚拟化技术虚拟机容器之间的关系详解

问题 沙箱、虚拟化、容器三者分开一一介绍的话我知道他们各自都是什么东西&#xff0c;但是如果把三者放在一起&#xff0c;它们之间到底什么关系&#xff1f;又有什么联系呢&#xff1f;我不是很明白&#xff01;&#xff01;&#xff01; 就比如说&#xff1a; 沙箱&#…...

编程新知 2026/2/6 6:05:52

2025年低延迟业务DDoS防护全攻略：高可用架构与实战方案

一、延迟敏感行业面临的DDoS攻击新挑战 2025年&#xff0c;金融交易、实时竞技游戏、工业物联网等低延迟业务成为DDoS攻击的首要目标。攻击呈现三大特征&#xff1a; AI驱动的自适应攻击&#xff1a;攻击流量模拟真实用户行为&#xff0c;差异率低至0.5%&#xff0c;传统规则引…...

编程新知 2025/8/29 1:00:19

【Java多线程从青铜到王者】单例设计模式(八)

wait和sleep的区别 我们的wait也是提供了一个还有超时时间的版本&#xff0c;sleep也是可以指定时间的&#xff0c;也就是说时间一到就会解除阻塞&#xff0c;继续执行 wait和sleep都能被提前唤醒(虽然时间还没有到也可以提前唤醒)&#xff0c;wait能被notify提前唤醒&#xf…...

编程新知 2026/2/6 9:31:18