[转]Unity-UI-实现文本框内容自动滚动

最新推荐文章于 2023-10-10 15:55:12 发布
最新推荐文章于 2023-10-10 15:55:12 发布
阅读量1.4k 收藏 5
点赞数 1
文章标签： 3d 游戏 unity
原文链接：https://blog.csdn.net/m0_53067220/article/details/124296157
版权

Unity文本框内容自动滚动效果的实现-个人纪录用

因为项目需求的问题，不需要手动滑动，这里就只展示自动滚动的效果

一、通过GameObject-UI-Image新建一个图片组件

 

二、通过GameObject-UI-Legacy-Text新建一个文本组件并给它添加Mask组件

 

三、在Text里面加入自己想要的文本内容，并将文本框大小跟文本内容保证一致

 

四、将Text移到Image下面，此时文字只会显示在Image大小范围内

 

五、通过控制Text的Rect Transform中的Pos Y属性就能实现文字滚动的效果.

小小姑娘很大
关注
  • 1
    点赞
  • 踩
  • 5
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
Unity UGUI文本内容自适应大小和内容滚动
不在同一频道上的呆子的博客
11-04 1817
要实现UGUI文本内容自适应大小和内容超出一定范围就自动出现滚动条实现滚动，具体需要如下操作。
Unity UGUI制作字幕滚动效果，长字幕左右来回滚动
CTangZe的博客
04-03 1837
当文字长度小于边框时保持在边框的中间，长度大于边框时来回滚动。代码是根据RectTransform的宽高或位置进行自适应。代码使用了动态添加组件，确保组件能正常使用。
Unity根据文字内容自动滚动显示最新文字
zouxin_88的专栏
11-29 1679
3.在Content添加组件Vertical Layout Group、Content Size Fitter。2.在Scroll View的Content下创建Text。1.在Canvas下创建一个Scroll View。4.自动下滚，显示最新内容。
unity文本内容自动滚动
最新发布
weixin_52620712的博客
10-10 917
1.创建一个Text文本，并将需要滚动的内容填入该文本。3.将TextMove脚本赋予Text文本。2.点击编辑器左上角的Rect Tool。将Text文本拉长直到所有内容出现。
【UGUI】如何实现自动滚动文本效果
樱花不再在海棠湾涮羊肉
11-06 3367
自动滚动文本效果实现
UGUI-Unity滚动文本设计
H_Greddy的博客
04-01 6642
UGUI-Unity滚动文本设计
NGUI Next-Gen UI v3.12.1.rar
01-05
《NGUI Next-Gen UI v3.12.1：Unity中的高级用户界面系统》 NGUI Next-Gen UI，全称为Next-Generation User Interface，是Unity引擎中的一款强大而全面的用户界面（UI）系统。这个系统为游戏开发者提供了一整套工具...
NGUI Next-Gen UI v3.6.8
08-07
NGUI的组件化设计允许开发者以模块化的方式构建UI，每个UI元素都可以看作是一个独立的组件，如按钮、文本框、滚动视图等。这种设计模式有助于代码的复用和维护，减少了开发时间。此外，NGUI还支持精灵（Sprite）管理...
UI框架 - 基于UnityUGUI.zip
06-24
1. **模块化**：UI框架应该允许将不同的UI组件（如按钮、文本框、滚动视图等）划分为独立的模块，以便于重用和维护。 2. **事件处理**：框架应能轻松处理各种用户输入事件，如点击、触摸等，并能够有效地传递这些...
NGUI-Next-Gen-UI-v3.10.0
01-15
1. **Widget（控件）**：NGUI的基础元素，可以理解为UI的最小单元，如按钮、文本框等。每个Widget都有自己的位置、大小和层级关系。 2. **UIRoot（根节点）**：所有UI元素的顶级容器，负责管理所有Widget的渲染顺序...
滚动文字范例 用于滑动文字 Unity UGUI
10-13
滚动文字范例 用于滑动文字 Unity UGUI 滚动文字的例子 可随意修改内容 更改大小等其他操作
Unity UI插件
06-26
2. **控件库**：包含了一系列常见的Windows风格控件，如按钮、文本框、复选框、单选按钮、滚动条等，这些控件的外观和行为与Windows系统一致，提高了用户的熟悉度和操作体验。 3. **交互性**：插件支持事件处理，...
Unity3D中滑动文章效果实现
weixin_41932353的博客
07-08 561
Unity3D中滑动文章效果实现 准备工作 新建场景Scene 、创建UI（image【text】、Scrollbar） 添加组件 1、Text中添加文字（大段文字） 2、Image中添加组件（Scroll Rect 、Mask）注意把Hierarchy中的Text和Scrollbar添加到Image Content和Vertical Scrollbar属性。 3、注意调整text的大小使文字...
Unity自制可以使用滚动条的文本框
和我一起学习
09-27 2088
利用Scroll Rect组件，Scrollbar，Mask组件
Unity UGUI 效果 之 ScrollView 轻松实现滚动（内容多少大小可以动态自动调整）预览效果
仙魁XAN
10-04 9929
Unity UGUI 效果 之 ScrollView 轻松实现滚动（内容多少大小可以动态自动调整）预览效果 目录 Unity UGUI 效果 之 ScrollView 轻松实现滚动（内容多少大小可以动态自动调整）预览效果 一、简单介绍 二、实现原理 三、注意实现 四、效果预览 五、实现步骤 一、简单介绍 UGUI，是Unity自带的 GUI 系统，有别于 NGUI；使用 UGUI 也能制作出比较酷炫的效果 。 本节介绍，使用 UGUI 自带的 ScrollVi...
Unity3D-UGUI-带滚动条的滑动文本框
热门推荐
游戏人生
03-21 2万+
1.在Canvas新建一个Panel，添加 scroll Rect和mask组件 2.Panel下新建一个Text，Vertical Overflow设置成Overflow，然后添加 Content Size Fitter这个Layout，该Layout的Vertical Fit设置为Perferred Size，然后调整大小和在Panel中的位置 3.Pane
unity 文字滚动显示_Unity 为UGUI Text添加滑动条
weixin_42421284的博客
02-22 847
给Text创建滑动条还是蛮简单的。一、首先创建一个Scroll View，然后删除横向滑动image.png二、修改竖向滑动条设置image.png三、为Content添加Textimage.png四、再为Content添加ContentSizeFitterimage.png五、选择适配方向image.png六、完成image.png完成了以上步骤就算是实现了功能，可以实现Text的拖拽了，下面我...
Unity_滚动文本字幕
瞎点技能树
01-13 4208
参考： Unity滚动字幕如丝般顺滑_zkk158071143的博客-CSDN博客_unity滚动字幕Unity滚动字幕如丝般顺滑1，使用unity Ugui2,将下面代码挂在到Text上 public float speed; public RectTransform maskRec; public RectTransform rec; float localX; float localY; float localZ; float txtWidth; void Start() { localY = tr
unity3D学习【功能实现】之四：滚动文字显示，类似公告面板
J辉的博客
08-15 9023
用处和目标：主要用作公告，文字比较多的可以弄个滚动条，鼠标上下拖动显示文字 步骤：1，canvas--UI---Image建立一个背景，随便弄个白色的图片拖到Image里。                 说明：这个Image是最重要的了，文字要在他之下显示，然后他自己本身要添加一些组件（比如scrollbar和mask）         2，Image--text,随便写很多的文字，对齐什么的都
Unity Text文本框文字滚动
05-24
你可以使用Unity的Scrollbar组件和Text组件来实现文本框文字滚动效果。 首先，在Canvas下创建一个Panel，并在Panel下添加一个Scrollbar和一个Text。将Scrollbar的Value属性设为0，将Text的Vertical Overflow属性设...

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值