Unity ScrollRect 实现垂直滚动文字

最新推荐文章于 2025-04-11 20:18:46 发布
原创 最新推荐文章于 2025-04-11 20:18:46 发布
· 1.4w 阅读 · 35 ·
版权
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
文章标签：

#unity #UGUI

本文介绍了如何在Unity中使用UGUI的ScrollRect组件实现垂直滚动文字。通过创建Panel、ScrollRect、Mask和ContentSizeFitter组件，调整相关参数，以及设置ScrollBar，实现了文字区域的滚动功能。特别指出，Text的Pivot应设为（0.5f,1），以保证顶端对齐，并讨论了滚动条在手机应用中的交互考虑。" 131883309,235215,车载开发：故障码快照数据解析,"['车载开发', '系统架构', '软件工程', '网络']

摘要生成于 C知道 ，由 DeepSeek-R1 满血版支持， 前往体验 >

看了一些网上的其他文章，看的比较晕，自己摸索着做了一遍，把几个要点列出来，方便遇到相同问题的人。

1-列出控件，按照下图的方式组织所有的控件，注意不要从GameObject菜单创建ScrollView，而是应该创建一个空的Panel添加ScrollRect组件

注意：Panel与ScrollBar同级，Text在Panel的子层级。



2-为Panel要添加两个组件

ScrollRect：他是实现滚动效果的。

注意要将Content字段，设置为Text，这表示，将Text作为滚动内容显示区

注意将Horizaontal取消勾选，只保留Vertical。

Mask：他的作用是，提供一个遮罩，让你只看到视口里面的内容，而看不到其他内容。


3-为Text添加一个Content Size Filter组件

这个组件是用来适配控件大小的，因为是垂直滚动，所以可以不要管第一个选项，只将Vertical Fit 设置为 perfect size.

最低0.47元/天 解锁文章
【unity实战】实现无限滚动视图和类似CSGO的开箱抽奖功能及Content Size Fitter组件的使用介绍（附项目源码）
向宇
10-22 1076
先来看看最终实现效果无限滚动视图滚动选中视图。
Unity-UI-实现文本框内容自动滚动
m0_53067220的博客
04-20 6098
Unity文本框内容自动滚动效果的实现
[Unity UGUI]ScrollRect滚动效果大全
09-10
[Unity UGUI]ScrollRect滚动效果大全 支持缩放滑动效果 - 支持动态缩放循环加载 - 支持大数据固定Item复用加载 - 支持不用Mask遮罩无限循环加载 - 支持ObjectPool动态加载 - 支持无限不规则子物体动态加载 - 支持拖动并点击和拖拽 - 支持拖动并拖拽 - 支持ScrollRect拖动自动吸附功能(拖动是否超过一半自动进退)
unity 可滚动文本_unity3d v5.1.1 ugui 带垂直滚动条的文本框
weixin_39602891的博客
12-20 473
http://www.cnblogs.com/zhaoqingqing/p/3973167.html?utm_source=tuicool看了这两篇帖子，还是他妈的不知道怎么做，但第一个帖子的作法我已经实现了帖子内容，第二个帖子完全实现不了，于是把第一帖和第二帖的内容结合起来搞定了，我就操了，一个带垂直滚动条的文本框都这么难做，能不能提供现成的？一、在Canvas新建一个Panel，add scr...
[unity]一种可滚动文字的实现
m0_72149161的博客
04-11 163
【代码】[unity]一种可滚动文字的实现。
Unity Text文字自动滚动
菜菜ANY的博客
10-21 7699
功能：实现当Text文本内容超过文本框时，自上而下循环滚动 使用Scroll View实现 在Content上添加Text组件和Content Size Fitter 代码： public class ScrollContent : MonoBehaviour { public static ScrollContent instance; bool isStartScroll = false; //是否开始滚动 GameObject _content = null;.
[Unity][2D]水平滚动垂直滚动
BuladeMian的博客，菜得抠脚，菜得真实
11-19 437
新建一个Quad物体，使其Transform.Position为0，0，0。LocalScale为1,1,1。 在项目的文件夹内新建一个材质，在Inspector视图下设置材质的Shader为Unlit/Transparent。 ... public Material _material; public MeshRenderer quad; public Texture2D tex; ... float screenWidth = 0, ...
Unity打字机，使文本自动滚至文本框底部
qq_41603955的博客
05-25 1376
效果如图所示： 步骤如下： 一、在Canvas——Image下，创建一个ScrollView，注意，这里我为了不让白色Image挡住我的背景图，在这里对ScrollView上的Image的颜色做了修改，将其透明度Alpha改为了1(注意不要改为0，否则就看不到文本了) 二、对ScrollView做如下修改： 三、对Content做如下修改： 四、对Text做如下修改： 五、打字机脚本如下： using UnityEngine; using UnityEngine.UI;.
unity 文字滚动显示_Unity ScrollRect 实现垂直滚动文字
weixin_29543187的博客
01-17 2288
看了一些网上的其他文章，看的比较晕，自己摸索着做了一遍，把几个要点列出来，方便遇到相同问题的人。1-列出控件，按照下图的方式组织所有的控件，注意不要从GameObject菜单创建ScrollView，而是应该创建一个空的Panel添加ScrollRect组件注意：Panel与ScrollBar同级，Text在Panel的子层级。2-为Panel要添加两个组件ScrollRect：他是实现滚动效果的...
Unity中文字竖直滚动
qq_56666242的博客
05-10 604
纵向字幕滚动 1.创建文本模式，选择Scroll View 2.调整填充模式点击Shift并选中最后一个填充模式 3.调整Canvas模式为World Space 4.删除不必要的配件 5.为Content添加Text组件后输入文本内容，并调整Content的Height属性（如果高度不够，多出的文字无法实现），调整ViewPort的属性。 6.取消选择Scroll View中的横向移动和惯性。 7.添加脚本ScrollViewCtrl，将其挂载到Scroll V.
文字滚动unity
最新发布
05-29
在 Unity 中实现文字滚动效果可以通过多种方式完成，以下将分别介绍单行文本滚动、多行文本滚动以及使用 `ScrollRect` 实现垂直滚动的效果，并提供代码示例。 #### 1. 单行文本滚动效果 单行文本滚动通常用于跑马灯...
unity的ScrollView实现Text根据内容自适应并且可以滚动
qq_40834200的博客
09-26 3630
Unity的ScrollView实现Text根据内容自适应并且可以滚动
unity Scroll 滑动 缩放
08-14
unity的UGUI组件 Scroll中可以拖动Connent中的物体 但是无法缩放。次项目很好解决此问题
unity自制scroll view面板，scroll bar 可一拖动drag
04-25
unity自制scroll view面板，scroll bar 可一拖动drag 拖动图标进入指定位置，drop即可更改grid内容 可以修改成选择制定内容
unity 利用ScrollView 实现文本框内容自动滚动
qq_26459233的博客
08-14 2950
Unity利用ScrollView 实现文本框内容超出后自动滚动
UGUI-Unity滚动文本设计
H_Greddy的博客
04-01 7688
UGUI-Unity滚动文本设计
Unity(2022.3.41LTS) - UI详细介绍-Scrollbar(滚动条)
一然明月的博客
09-02 1637
在 Unity 中，滚动条（Scrollbar）是一种用于实现滚动功能的 UI 组件。Rect Transform（矩形变换）：Scrollbar 组件自身属性：Events（事件）：创建滚动条：添加事件处理程序： 根据具体的需求，可以在处理程序中实现各种与滚动相关的功能。 与其他组件配合使用： 通常将滚动条与 Scroll Rect 组件结合使用。Scroll Rect 组件用于包裹可滚动的内容，并与滚动条进行关联。设置 Scroll Rect 的属性，如内容的大小、滚动速度等，以
Unity——使用ScrollView实现滚动界面
weixin_43205816的博客
11-09 3221
在 Unity 中，实现滚动视图通常会用到 Scroll View 预制件（Prefab），这个预制件包含了必要的组件来创建一个可以滚动的内容区域。你可以通过脚本来进一步定制滚动的行为，例如响应滚动事件、改变滚动速度等。Unity 的 ScrollRect 组件提供了一些回调函数，如 OnValueChanged，可以用来监听滚动位置的变化。
Unity - 无限滚动
青衫磊落长歌行的博客
09-08 4566
借助UGUI - ScrollView，进行更改，并且实现无限滑动
unity scrollrect 代码控制垂直滚动范围
09-23
Unity ScrollRect是一个UI组件，它允许你在竖直方向上滑动内容区域，通常用于长列表或分页展示。下面是一个简单的示例代码片段，展示了如何控制ScrollRect的垂直滚动范围： ```csharp using UnityEngine; using UnityEngine.UI; public class ScrollRectExample : MonoBehaviour { public ScrollRect scrollRect; // 将ScrollRect组件拖到Inspector中 void Start() { // 设置最大滚动高度 scrollRect.verticalScrollbar.maxValue = scrollRect.rect.height - scrollRect.viewportSize.y; // 当内容大小改变时，自动调整滚动范围 scrollRect.onValueChanged.AddListener(OnValueChanged); } void OnValueChanged(RectContent newRect) { // 如果内容高度小于视口高度，则设置最大值为零，防止内容超出可视区域 if (newRect.height < scrollRect.viewportSize.y) scrollRect.verticalScrollbar.maxValue = 0; else scrollRect.verticalScrollbar.maxValue = scrollRect.rect.height - scrollRect.viewportSize.y; } } ``` 在这个例子中，`scrollRect.verticalScrollbar.maxValue`属性设置了可滚动的最大高度，即视口高度减去实际内容的高度。`onValueChanged`监听器会在内容大小变化时动态更新这个值。
评论 1
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值