Unity UGUI制作字幕滚动效果,长字幕左右来回滚动

这篇具有很好参考价值的文章主要介绍了Unity UGUI制作字幕滚动效果,长字幕左右来回滚动。希望对大家有所帮助。如果存在错误或未考虑完全的地方,请大家不吝赐教,您也可以点击"举报违法"按钮提交疑问。

效果:

unity文字自动滚动,Unity Image,Unity插件,自适应,unity,游戏引擎

描述:

当文字长度小于边框时保持在边框的中间,长度大于边框时来回滚动
使用时调用此方法:
unity文字自动滚动,Unity Image,Unity插件,自适应,unity,游戏引擎

创建:

  • 创建一个Image并调整大小
  • 在Image下创建Text并调整Text的大小,颜色等参数
  • 将TextScroll 挂载到Image上并调整TextScroll参数

代码使用了动态添加组件,确保组件能正常使用

注意:

代码是根据RectTransform的宽高或位置进行自适应
不要使用下图红框内的锚点调整UI,如果使用会自动改变宽高或位置的值:
unity文字自动滚动,Unity Image,Unity插件,自适应,unity,游戏引擎

代码:

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

namespace TextScroll
{

    [RequireComponent(typeof(Mask))]
    [RequireComponent(typeof(CanvasGroup))]
    public class TextScroll : MonoBehaviour
    {
        [Range(0.1f, 10)]
        public float speed = 3;
        public float scrollDelayTime = 2;
        private RectTransform contentTransform; // Content的RectTransform
        Vector2 StartPoint;
        Text content;
        Color myColor = Color.clear;
        bool activate = false;
        CanvasGroup myAlpha;
        void Start()
        {
            myAlpha = GetComponent<CanvasGroup>();
            content = GetComponentInChildren<Text>();
            if (!content.GetComponent<ContentSizeFitter>())
            {
                content.gameObject.AddComponent<ContentSizeFitter>().horizontalFit = ContentSizeFitter.FitMode.PreferredSize;
            }
            contentTransform = content.GetComponent<RectTransform>();
            myColor = content.color;
        }
        public void ShowContent(string mContent = "")
        {
            if (myAlpha.alpha != 1)
                myAlpha.alpha = 1;
            if (mContent!="")
                content.text = mContent;

            if (coroutine!=null)
                StopCoroutine(coroutine);
            StartCoroutine(Delay());

            activate = false;
            content.color = Color.clear;
        }
        public void HideContent()
        {
            if (myAlpha.alpha != 0)
                myAlpha.alpha = 0;
            if (myColor == Color.clear)
                myColor = content.color;

            activate = false;
            content.color = Color.clear;
        }
        bool LoopDirection = true;
        void Update()
        {
            if (activate)
            {
                //contentTransform.anchoredPosition -= new Vector2(speed * 100 * Time.deltaTime, 0f);
                //if (contentTransform.anchoredPosition.x < -StartPoint.x)
                //{
                //    contentTransform.anchoredPosition = StartPoint;
                //}
                if (LoopDirection)
                {
                    contentTransform.anchoredPosition -= new Vector2(speed * 100 * Time.deltaTime, 0f);
                    if (contentTransform.anchoredPosition.x < -StartPoint.x)
                    {
                        //contentTransform.anchoredPosition = StartPoint;
                        activate = false;
                        LoopDirection = false;
                        coroutine = StartCoroutine(DelayTextScroll(scrollDelayTime));
                    }
                }
                else
                {
                    contentTransform.anchoredPosition += new Vector2(speed * 100 * Time.deltaTime, 0f);
                    if (contentTransform.anchoredPosition.x > StartPoint.x)
                    {
                        activate = false;
                        LoopDirection = true;
                        coroutine = StartCoroutine(DelayTextScroll(scrollDelayTime));
                    }
                }
            }
            //测试
            if (Input.GetKeyDown(KeyCode.O))
            {
                ShowContent("好像纯纯的东西都很容易令人入睡,比如纯音乐,比如纯牛奶,再比如你。");
            }
            if (Input.GetKeyDown(KeyCode.I))
            {
                ShowContent("音乐的浪漫之处在于:它能将封存的记忆迅速拼凑起来,你会清晰的记起当时,听这首歌的感觉和状态,就像时空真的倒回某一刻。");
            }
            if (Input.GetKeyDown(KeyCode.P))
            {
                HideContent();
            }
        }
        void TextReset()
        {
            if (contentTransform.sizeDelta.x< GetComponent<RectTransform>().sizeDelta.x)//文字不够长,显示在中间
            {
                StartPoint = contentTransform.anchoredPosition;
                StartPoint.x = 0;
                contentTransform.anchoredPosition = StartPoint;
            }
            else//文字太长,来回滚动显示
            {
                //activate = true;
                //StartPoint = contentTransform.anchoredPosition;
                //StartPoint.x = (GetComponent<RectTransform>().sizeDelta.x / 2) + (contentTransform.sizeDelta.x / 2);
                //contentTransform.anchoredPosition = StartPoint;
                StartPoint = contentTransform.anchoredPosition;
                StartPoint.x = (contentTransform.sizeDelta.x / 2)-(GetComponent<RectTransform>().sizeDelta.x / 2);
                contentTransform.anchoredPosition = StartPoint;
                LoopDirection = true;
                coroutine = StartCoroutine(DelayTextScroll(scrollDelayTime));
            }
            content.color = myColor;
        }
        Coroutine coroutine;
        IEnumerator DelayTextScroll(float mDelayTime)
        {
            yield return new WaitForSeconds(mDelayTime);
            activate = true;
        }
        IEnumerator Delay()
        {
            yield return new WaitForSeconds(0.2f);
            TextReset();
        }
        private void OnDestroy()
        {
            if (coroutine != null)
                StopCoroutine(coroutine);
        }
    }
}

Demo下载地址:点击下载文章来源地址https://www.toymoban.com/news/detail-725860.html

到了这里,关于Unity UGUI制作字幕滚动效果,长字幕左右来回滚动的文章就介绍完了。如果您还想了解更多内容,请在右上角搜索TOY模板网以前的文章或继续浏览下面的相关文章,希望大家以后多多支持TOY模板网!

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处: 如若内容造成侵权/违法违规/事实不符,请点击违法举报进行投诉反馈,一经查实,立即删除!

领支付宝红包 赞助服务器费用

相关文章

  • Unity UGUI的Scrollbar(滚动条)组件的介绍及使用

    Scrollbar组件是Unity中UGUI系统提供的一种UI组件,主要用于在UI界面中提供滚动条功能,使用户可以通过滚动条来查看超出屏幕范围的内容。 Scrollbar组件的工作原理主要是通过改变滚动条的位置来改变关联的内容的显示位置。当用户拖动滚动条时,Scrollbar组件会根据滚动条的位

    2024年02月13日
    浏览(43)
  • Unity UGUI的ScrollRect(滚动视图)组件的介绍及使用

    ScrollRect(滚动视图)是Unity UGUI中的一个常用组件,用于在UI界面中创建可滚动的区域。通过ScrollRect组件,可以实现在有限的空间内显示大量的内容,并且可以通过滑动手势来浏览内容。 ScrollRect组件通过将内容放置在一个可滚动的矩形区域内,然后通过拖动或滑动手势来改变

    2024年02月09日
    浏览(51)
  • 【Unity-UGUI控件全面解析】| Scrollbar 滚动条组件详解

    🎬 博客主页:https://xiaoy.blog.csdn.net 🎥 本文由 呆呆敲代码的小Y 原创,首发于 CSDN 🙉 🎄 学习专栏推荐:

    2024年02月06日
    浏览(41)
  • 【Unity-UGUI控件全面解析】| ScrollView 滚动视图组件详解

    🎬 博客主页:https://xiaoy.blog.csdn.net 🎥 本文由 呆呆敲代码的小Y 原创,首发于 CSDN 🙉 🎄 学习专栏推荐:Unity系统学习专栏 🌲 游戏制作专栏推荐:

    2024年02月06日
    浏览(51)
  • Unity利用UGUI RawImage组件制作转场动画

    最近接到了一个unity全景图的小项目,由于在不同的场景之间转场时直接转会太过生硬,因此要求有个Alpha转场的动画。于是想到两种可行的方案: 一、UGUI方案 用UGUI显示当前屏幕纹理,然后进行场景切换,切换好之后,在把UGUI隐掉。这种方案适合任何场景的切换。 先看效果

    2024年02月05日
    浏览(45)
  • 【Unity3D-UGUI系列】(十二)ScrollView 滚动视图组件详解

    推荐阅读 CSDN主页 GitHub开源地址 Unity3D插件分享 简书地址 我的个人博客 QQ群:1040082875 大家好,我是佛系工程师 ☆恬静的小魔龙☆ ,不定时更新Unity开发技巧,觉得有用记得一键三连哦。 首先,介绍一个UGUI,NGUI是UGUI的前身,Unity开发团队将NGUI的开发团队收到自己开发团队

    2024年02月05日
    浏览(52)
  • 【unity插件】Shader实现UGUI的特效——UIEffect为 Unity UI 提供视觉效果组件

    一般的shader无法直接使用在UI上,需要在shader中定义特定的面板参数,今天就来推荐github上大佬做的一套开源的一系列UGUI,Shader实现的特效——UIEffect 为 Unity UI 提供视觉效果组件。 https://github.com/Ankh4396/UIEffect 让我们用效果来装饰你的UI!您可以根据需要从脚本和检查器中控

    2024年02月04日
    浏览(45)
  • Unity2D 实现UGUI滚动鼠标滑轮以鼠标位置点为中心缩放图片

     先放参考文章: Unity3d UGUI以鼠标位置点为中心缩放图片(含项目源码) https://blog.csdn.net/qq_33789001/article/details/117749837 再放实现效果: 说说事情缘由,项目需要用到这个效果,所以上网找了个参考文章,后来不知道为什么失效了,所以想着自己改改,看看是什么毛病。 贴原

    2024年02月11日
    浏览(50)
  • unity实现数字滚动动画效果

    要在 Unity 中实现数字滚动动画效果,你可以使用以下步骤: 创建一个新的 Unity 项目。 在场景中添加一个 UI 文本控件。 在 C# 脚本中,使用 coroutine 实现动画效果。 在每一帧中更新 UI 文本的数字,并通过计算得出下一个数字的位置。 在动画结束后,使用 StopCoroutine 停止动画

    2024年02月10日
    浏览(48)
  • Unity 如何实现卡片循环滚动效果

    功能需求如图所示,点击下一个按钮,所有卡片向右滚动,其中最后一张需要变更为最前面的一张,点击上一个按钮,所有卡片向左滚动,最前面的一张需要变更为最后一张,实现循环滚动效果。 最中间的一张表示当前选中项,变更为选中项的滚动过程中,需要逐渐放大到指

    2024年02月03日
    浏览(53)

觉得文章有用就打赏一下文章作者

支付宝扫一扫打赏

博客赞助

微信扫一扫打赏

请作者喝杯咖啡吧~博客赞助

支付宝扫一扫领取红包,优惠每天领

二维码1

领取红包

二维码2

领红包