【Unity3D】动态文本的滚动条

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

【Unity3D】动态文本的滚动条_第1张图片

这个UGUI应该如下布置。

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

【Unity3D】动态文本的滚动条_第2张图片

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

【Unity3D】动态文本的滚动条_第3张图片

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

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

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

【Unity3D】动态文本的滚动条_第4张图片


这样,就算动态文本以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 += "sadasdasd\n";
            yield return new WaitForSeconds(0.5f);
        }

    }
}


你可能感兴趣的:(Unity3D)