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

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

news 文章来源：https://blog.csdn.net/zhurouwanzi/article/details/133985732 2025/5/19 16:50:56

💗 未来的游戏开发程序媛，现在的努力学习菜鸡
💦本专栏是我关于游戏开发的学习笔记
🈶本篇是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

宝塔Python3.7安装模块报错ModuleNotFoundError: No module named ‘Crypto‘解决办法

前言 今晚遇到一个问题&#xff0c;宝塔服务器上安装脚本的模块时&#xff0c;出现以下报错&#xff0c;这里找到了解决办法 Traceback (most recent call last):File "/www/wwwroot/unifysign/fuck_chaoxing/fuck_xxt.py", line 4, in <module>from Crypto.…...

编程日记 2023/10/27 0:32:57

优化改进YOLOv5算法：加入ODConv+ConvNeXt提升小目标检测能力——(超详细)

为了提升无人机视角下目标检测效果，基于YOLOv5算法，在YOLOv5主干中实现了Omnidimensional Convolution（ODConv），以在不增加网络宽度和深度的情况下提高精度，还在YOLOv5骨干网中用ConvNeXt块替换了原始的C3块，以加快检测速度。 1 Omni-dimensional dynamic convolution …...

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

ElasticSearch安装、插件介绍及Kibana的安装与使用详解

ElasticSearch安装、插件介绍及Kibana的安装与使用详解 1.安装 ElasticSearch 1.1 安装 JDK 环境 因为 ElasticSearch 是用 Java 语言编写的&#xff0c;所以必须安装 JDK 的环境&#xff0c;并且是 JDK 1.8 以上&#xff0c;具体操作步骤自行百度 安装完成查看 java 版本 …...

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

JVM | 命令行诊断与调优 jhsdb jmap jstat jps

目录 jmap 查看堆使用情况 查看类列表&#xff0c;包含实例数、占用内存大小 生成jvm的堆转储快照dump文件 jstat 查看gc的信息&#xff0c;查看gc的次数&#xff0c;及时间 查看VM内存中三代&#xff08;young/old/perm&#xff09;对象的使用和占用大小 查看元数据空…...

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

SQL 表达式

SQL 表达式 表达式是计算值的一个或多个值、运算符和SQL函数的组合。这些SQL表达式类似于公式&#xff0c;它们是用查询语言编写的。 您还可以使用它们查询数据库中的特定数据集。 句法 考虑SELECT语句的基本语法&#xff0c;如下所示&#xff1a; SELECT column1, column2, …...

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

Unity3D 打包发布时生成文件到打包目录

有时候需要自己创建批处理文件或日志文件&#xff0c;在启动程序的同级目录使用&#xff0c;减少手动操作的时间和错误率。主要使用到的是OnPostprocessBuild方法。 1、在工程中的Editor文件夹下创建脚本 2、将文件放入Plugins的相关目录 3.脚本内容 using System.Collection…...

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

Elasticsearch中使用join来进行父子关联

在使用关系数据库进行开发的过程中&#xff0c;你可能会经常使用外键来表示父表和子表之间的关联关系&#xff0c;在Elasticsearch中&#xff0c;有哪些方法可以用来让开发者解决索引之间一对多和多对多的关联关系的问题呢 1 使用对象数组存在的问题 你可以很方便地把一个对象…...

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

提供一个springboot使用h2数据库是无法使用脚本并报错的处理方案

环境描述 springboot 2.6.2 mybatis-plus-boot-starter 3.5.1 mysql-connector-java 8.0.11 查阅了很多博客&#xff0c;说是使用spring.datasource.schema或者spring.sql.init.schema-locations指定脚本也均无效。不使用启动脚本&#xff0c;启动后在h2控制台&#xff…...

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

【组合计数】CF1866 H

Problem - H - Codeforces 题意 思路 不知道这种trick叫什么&#xff0c;昨天VP刚遇到过 设 f[x] 为恰好有一个最大值为 x 的方案数&#xff0c;我们要求这个&#xff0c;那就设 g[x] 为 至少有一个最大值为 x 的方案数&#xff0c;那么答案就是 f[x] g[x] - g[x - 1] 这里…...

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

JavaSpringbootmysql农产品销售管理系统47627-计算机毕业设计项目选题推荐（附源码）

摘 要 随着互联网趋势的到来&#xff0c;各行各业都在考虑利用互联网将自己推广出去&#xff0c;最好方式就是建立自己的互联网系统&#xff0c;并对其进行维护和管理。在现实运用中&#xff0c;应用软件的工作规则和开发步骤&#xff0c;采用Java技术建设农产品销售管理系统。…...

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