【Unity3D】动态文本的滚动条

在《【Unity3D】公告栏与开始界面的布置》(点击打开链接)曾经做了一个不太好的示范,这种UGUI的滚动条布置虽然简单,但只适用于静态文本,对于动态文本的话,还需要一定的设置。如下的例子,是在一个框中,每个0.5s就会多增加一行的动态本文,但是右侧的滚动条却能很好地配合其滚动。


这个UGUI应该如下布置。

1、首先还是整一个Plane或者Image,这里是Image,然后上Mask和Scroll Rect两个组件。


同时指明Text就是那个Text,Vertical Scrollbar就是那个ScrollBar。当然ScrollBar的方向也自然改成从上到下。


2、最关键是Text的修改,否则无法匹配动态文本生成文本的滚动需要!

(1)一是需要修改这个在Image旗下的动态文本的对齐方式,改成横向伸展,同时Pivot这个锚点,Y改成1,X是什么无所谓,关于Unity3d的锚点可以参考《【Unity3D】UGUI自适应屏幕与锚点》(点击打开链接)。

(2)二是,上一个Content Size Fitter的组件,并且设置Vertical Fit为Perferred Size。



这样,就算动态文本以0.5s增加一行,旁边的滚动条也可以很好地适配。

至于文本是怎么以0.5s增加一行的,具体代码如下,可以参考《【Unity3D】协程Coroutine的运用》(点击打开链接)。

using UnityEngine;
using UnityEngine.UI;
using System.Collections;

public class NewBehaviourScript : MonoBehaviour
{
    public GameObject Text1;
    void Start()
    {
        StartCoroutine(coroutine1());
    }
    IEnumerator coroutine1()
    {
        while (true)
        {
            Text1.GetComponent<Text>().text += "sadasdasd\n";
            yield return new WaitForSeconds(0.5f);
        }

    }
}


  • 4
    点赞
  • 18
    收藏
    觉得还不错? 一键收藏
  • 2
    评论

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

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

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值