Unity3d如何实现滚动文本框?

Unity3d如何实现滚动文本框?,第1张

一、在Canvas新建一个Panel,add scroll Rect和mask组件,Rect Transform设成 middle-center,因为这样才能设置大小和text控件相同大小

二、Panel下新建一个Text,Vertical Overflow设置成Overflow,然后add Content Size Fitter这个Layout,该Layout的Vertical Fit设置为Perferred Size,然后调整大小和在Panel中的位置

三、新建一个ScrollBar,不在Panel之下,和Panel并列,Direction设置成Bottan to Top。设置成Panel同样的高度,并挨在一起,这样看起来就是一个文本框右边带着一个垂直滚动条

四、Panel的Scroll Rect组件的Content指定Text,Vertical Scrollbar指定上面新建的ScrollBar。

找了许多教程,各种问题,最后终于解决了,记录一下

我这里要做个公告页面,从后台获取公告内容,就说说前端:

首先我们要创建个image,我起名为noticeText

然后我们添加这2个组件,设置如图

之后把image的透明设置成1

添加遮罩,如果不加这个,文字超出框的区域就不会被遮挡住

TEXT组件放在image下面,我这里也叫noticeText

上图红圈里的组件设置的意思是让文字自适应高度

下面是重点,位置设置到左上

pivot设置成X0 Y1,否则你会发现文字无限居中(这个问题卡了我非常久)

UGUI - Scrollbar ,这个不用放进noticeText里面

在第一步里面,我截图已经拖入了,所以在文章开头我小小的说明了下几个组件的意思,不过这里再重复下

好了,这个滚动文字终于搞定了


欢迎分享,转载请注明来源:内存溢出

原文地址:https://54852.com/bake/11529607.html

(0)
打赏 微信扫一扫微信扫一扫 支付宝扫一扫支付宝扫一扫
上一篇 2023-05-16
下一篇2023-05-16

发表评论

登录后才能评论

评论列表(0条)

    保存