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

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

news 2026/1/14 1:20:40

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

LBE-LEX系列工业语音播放器|预警播报器|喇叭蜂鸣器的上位机配置操作说明

LBE-LEX系列工业语音播放器|预警播报器|喇叭蜂鸣器专为工业环境精心打造&#xff0c;完美适配AGV和无人叉车。同时&#xff0c;集成以太网与语音合成技术&#xff0c;为各类高级系统&#xff08;如MES、调度系统、库位管理、立库等&#xff09;提供高效便捷的语音交互体验。 L…...

编程新知 2026/1/13 13:49:38

以下是对华为 HarmonyOS NETX 5属性动画（ArkTS）文档的结构化整理，通过层级标题、表格和代码块提升可读性：

一、属性动画概述NETX 作用&#xff1a;实现组件通用属性的渐变过渡效果&#xff0c;提升用户体验。支持属性&#xff1a;width、height、backgroundColor、opacity、scale、rotate、translate等。注意事项&#xff1a; 布局类属性&#xff08;如宽高&#xff09;变化时&#…...

编程新知 2026/1/9 19:54:55

【HarmonyOS 5.0】DevEco Testing：鸿蒙应用质量保障的终极武器

——全方位测试解决方案与代码实战 一、工具定位与核心能力 DevEco Testing是HarmonyOS官方推出的​​一体化测试平台​​&#xff0c;覆盖应用全生命周期测试需求&#xff0c;主要提供五大核心能力&#xff1a; ​​测试类型​​​​检测目标​​​​关键指标​​功能体验基…...

编程新知 2026/1/13 20:56:51

CMake基础：构建流程详解

目录 1.CMake构建过程的基本流程 2.CMake构建的具体步骤 2.1.创建构建目录 2.2.使用 CMake 生成构建文件 2.3.编译和构建 2.4.清理构建文件 2.5.重新配置和构建 3.跨平台构建示例 4.工具链与交叉编译 5.CMake构建后的项目结构解析 5.1.CMake构建后的目录结构 5.2.构…...

编程新知 2026/1/9 18:15:16

三体问题详解

从物理学角度&#xff0c;三体问题之所以不稳定&#xff0c;是因为三个天体在万有引力作用下相互作用&#xff0c;形成一个非线性耦合系统。我们可以从牛顿经典力学出发&#xff0c;列出具体的运动方程&#xff0c;并说明为何这个系统本质上是混沌的&#xff0c;无法得到一般解…...

编程新知 2025/10/19 5:14:05

Caliper 负载(Workload)详细解析

Caliper 负载(Workload)详细解析 负载(Workload)是 Caliper 性能测试的核心部分，它定义了测试期间要执行的具体合约调用行为和交易模式。下面我将全面深入地讲解负载的各个方面。 一、负载模块基本结构 一个典型的负载模块(如 workload.js)包含以下基本结构： use strict;/…...

编程新知 2025/10/31 21:11:39

mac：大模型系列测试

0 MAC 前几天经过学生优惠以及国补17K入手了mac studio,然后这两天亲自测试其模型行运用能力如何&#xff0c;是否支持微调、推理速度等能力。下面进入正文。 1 mac 与 unsloth 按照下面的进行安装以及测试&#xff0c;是可以跑通文章里面的代码。训练速度也是很快的。 注意…...

编程新知 2026/1/10 5:22:50

Docker拉取MySQL后数据库连接失败的解决方案

在使用Docker部署MySQL时&#xff0c;拉取并启动容器后&#xff0c;有时可能会遇到数据库连接失败的问题。这种问题可能由多种原因导致&#xff0c;包括配置错误、网络设置问题、权限问题等。本文将分析可能的原因&#xff0c;并提供解决方案。 一、确认MySQL容器的运行状态 …...

编程新知 2025/12/27 19:12:10

MySQL的pymysql操作

本章是MySQL的最后一章&#xff0c;MySQL到此完结&#xff0c;下一站Hadoop&#xff01;&#xff01;&#xff01; 这章很简单&#xff0c;完整代码在最后&#xff0c;详细讲解之前python课程里面也有&#xff0c;感兴趣的可以往前找一下 一、查询操作 我们需要打开pycharm …...

编程新知 2026/1/10 5:23:14

二维FDTD算法仿真

二维FDTD算法仿真&#xff0c;并带完全匹配层&#xff0c;输入波形为高斯波、平面波 FDTD_二维/FDTD.zip , 6075 FDTD_二维/FDTD_31.m , 1029 FDTD_二维/FDTD_32.m , 2806 FDTD_二维/FDTD_33.m , 3782 FDTD_二维/FDTD_34.m , 4182 FDTD_二维/FDTD_35.m , 4793...

编程新知 2025/9/10 21:14:06