(091)Unity 走马灯

文章目录

组件关系

  1. 父组件:加了一个遮罩。
    在这里插入图片描述
  2. 文本组件:将文本组件对齐到父组件的最右边,同时设置禁用 wrapping。
    在这里插入图片描述

代码

using System;
using TMPro;
using UnityEngine;
using UnityEngine.UI;

namespace LZGood
{
    /// <summary>
    /// 跑马灯文本。
    /// </summary>
    public class TextMarquee : MonoBehaviour
    {
        /// <summary>
        /// 文本组件。
        /// </summary>
        public TextMeshProUGUI textMeshPro;
        /// <summary>
        /// 滚动速度
        /// </summary>
        public float speed = 50f;

        private RectTransform rectTransform;
        private float startX;
        private float endX;

        private void Awake()
        {
            Settings();
            SetText(textMeshPro.text);
        }

        public void SetText(string text)
        {
            textMeshPro.text = text;
            Invoke(nameof(Settings), 0.1f);
            // LayoutRebuilder.ForceRebuildLayoutImmediate(textMeshPro.rectTransform);
            // Settings();
        }

        private void Settings()
        {
            rectTransform = textMeshPro.GetComponent<RectTransform>();
            startX = rectTransform.anchoredPosition.x;

            // 计算文本宽度 + 父容器宽度
            float textWidth = textMeshPro.rectTransform.rect.width;
            float parentWidth = ((RectTransform)rectTransform.parent).rect.width;

            //多走100个单位,在重头开始
            endX = -(textWidth + 100); 

            // 初始位置放在右侧外部
            rectTransform.anchoredPosition = new Vector2(0, rectTransform.anchoredPosition.y);
        }

        void Update()
        {
            rectTransform.anchoredPosition += Vector2.left * speed * Time.deltaTime;

            // 如果移动到最左边,则重置回右边重新开始
            if (rectTransform.anchoredPosition.x < endX)
            {
                float parentWidth = ((RectTransform)rectTransform.parent).rect.width;
                rectTransform.anchoredPosition = new Vector2(parentWidth, rectTransform.anchoredPosition.y);
            }
        }
    }
}
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值