Kivy如何实现Label循环滚动的跑马灯文字效果

• 现有代码只定义了从center_x=0.1到center_x=0.9的单次位移动画，没有绑定动画完成回调做重置重启，自然无法实现无限循环
• pos_hint是标准Python字典，直接通过键名取值即可做条件判断，不需要特殊处理

核心逻辑：

• 动画起始点设在屏幕左边界外，结束点设在屏幕右边界外，保证文字完整进出屏幕
• 动画使用线性插值保证滚动速度匀速
• 绑定动画完成事件，动画结束后立刻重置Label位置，重新启动动画实现循环
• Label需设置自适应文本宽度，默认宽度撑满父容器的话无法产生位移效果

修正后Python代码：

from kivy.app import App
from kivy.uix.boxlayout import BoxLayout
from kivy.lang import Builder
from kivy.animation import Animation

Builder.load_file("animation.kv")


class MyLayout(BoxLayout):
    def animate_it(self, label, *args):
        # 先终止该Label上的已有动画，避免重复点击触发多动画叠加
        Animation.cancel_all(label)
        # 计算Label宽度相对父容器的占比，确定边界偏移值
        label_width_ratio = label.width / self.width
        # 起始位置：Label完全处于屏幕左边界外
        start_pos = {"center_x": -label_width_ratio/2, "center_y": 0.5}
        # 结束位置：Label完全处于屏幕右边界外
        end_pos = {"center_x": 1 + label_width_ratio/2}
        # 初始化Label位置
        label.pos_hint = start_pos

        # 定义滚动动画，duration控制滚动速度，值越小速度越快
        scroll_anim = Animation(
            pos_hint=end_pos,
            duration=5,
            t="linear" # 匀速插值，避免滚动速度忽快忽慢
        )
        # 动画完成回调：重置位置后重启动画，实现无限循环
        def loop_repeat(*_):
            label.pos_hint = start_pos
            scroll_anim.start(label)
        scroll_anim.bind(on_complete=loop_repeat)
        scroll_anim.start(label)


class MyApp(App):
    def build(self):
        return MyLayout()


if __name__ == '__main__':
    MyApp().run()

修正后kv文件代码：

<MyLayout>
    orientation: "vertical"
    size: root.width, root.height
    padding: 50
    spacing: 20

    Label:
        id: my_label
        text: "Hello World"
        font_size: 32
        # 宽度自适应文本内容，否则默认撑满父容器无法滚动
        size_hint_x: None
        width: self.texture_size[0]

    Button:
        text: "Press Me"
        font_size: 32
        size_hint: .5, .2
        pos_hint: {"center_x": 0.5}
        on_release: root.animate_it(root.ids.my_label)

直接读取pos_hint字典的对应键值即可做边界判断，示例：

# 获取当前Label的x轴中心位置，默认值设为0避免键不存在报错
current_center_x = label.pos_hint.get("center_x", 0)
# 判断是否完全移出屏幕右边界
if current_center_x > 1 + (label.width / root.width)/2:
    # 重置回左侧起始位置
    label.pos_hint["center_x"] = -(label.width / root.width)/2

• 该方案没有实际移动组件位置，靠不断截断、拼接显示文本模拟滚动效果，长文本下频繁修改text属性会触发纹理重复重绘，流畅度差是必然结果
• 其实现逻辑是将原文本重复拼接3份，每次渲染固定长度的文本切片，索引走到原文本长度时重置为0，靠文本内容的位移模拟滚动，仅适合短文本简易场景，不推荐用作全屏跑马灯实现

内容的提问来源于stack exchange，提问作者Xenoshell