NGUI实现跑马灯文字效果

本文介绍了一种使用Lua语言在UIPanel中实现跑马灯滚动文字效果的方法。通过两个UILabel组件配合,实现了无限循环滚动的文字显示。代码展示了如何动态更新UILabel的位置以达到连续滚动的效果。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

这次是由UIPanel和UILabel组成
两个UILbel 一个在前面一个在后面 ,语言是Lua
下面展示一些 代码片

// An highlighted block
local function _UpdateMarqueeMove()
--这里开始移动位置
    marqueeLabel.transform.localPosition =
        Vector3.New(marqueeLabel.transform.localPosition.x + -50 * Time.deltaTime, 0, 0)
    marqueeLabelRinght.transform.localPosition =
        Vector3.New(marqueeLabelRinght.transform.localPosition.x + -50 * Time.deltaTime, 0, 0)
    if marqueeLabel.transform.localPosition.x < -scrollView.width / 2 then
    --当第一个过了最前面之后 要重置第一个的位置到第二个的后面
        marqueeLabel.transform.localPosition =
            Vector3.New(
            marqueeLabelRinght.transform.localPosition.x + marqueeLabelRinght.printedSize.x + 50 + scrollView.width / 2,
            0,
            0
        )
    end
     --当第二个过了最前面之后 要重置第二个的位置到第一个的后面
    if marqueeLabelRinght.transform.localPosition.x < -scrollView.width / 2 then
        marqueeLabelRinght.transform.localPosition =
            Vector3.New(
            marqueeLabel.transform.localPosition.x + marqueeLabel.printedSize.x + 50 + scrollView.width / 2,
            0,
            0
        )
    end
end

local function _UpdateMarqueeView()
    local marqueeString = "这是跑马灯的内容啊这是跑马灯的内容啊这是跑马灯的内容啊这是跑马灯的内容啊"
    marqueeLabel.text = marqueeString
    marqueeLabelRinght.text = marqueeString
    marqueeLabel.transform.localPosition = Vector3.New(marqueeLabel.printedSize.x + 50 + scrollView.width / 2, 0, 0)--这里设置初始位置 也就文字的长度+间隔+隔离区域/2
    marqueeLabelRinght.transform.localPosition =
        Vector3.New(
        marqueeLabel.printedSize.x + marqueeLabelRinght.transform.localPosition.x + 50 + scrollView.width / 2,
        0,
        0
    )--这里设置初始位置 也就marqueeLabel前面文字的位置+文字的长度+间隔+隔离区域/2
    UpdateBeat:Remove(_UpdateMarqueeMove)
    ---这里启动Update
    UpdateBeat:Add(_UpdateMarqueeMove)
end
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值