Python Kivy新手求助：如何实现点击按钮后在屏幕显示循环数据？

我是Python和Kivy新手，正在开发连接ELM327的应用，后续要保存设备回复用于调试。现在需要实现：点击第五窗口的Start按钮后，把循环中的变量n显示在屏幕上，尝试过Label组件但没成功。当前用了多屏幕架构，第五窗口的循环数据显示是核心问题。

原代码如下：

原.py文件 #

import kivy
from kivy.app import App
from kivy.uix.floatlayout import FloatLayout
from kivy.lang import Builder
from kivy.uix.widget import Widget
from kivy.properties import ObjectProperty
from kivy.graphics import Rectangle
from kivy.graphics import Color
from kivy.uix.screenmanager import ScreenManager, Screen


class MainWindow(Screen):

    def bt1(self):
        print("Select Adaper")

    def bt2(self):
        print("Connect to ELM327")

    def bt3(self):
        print("Send AT Commands")

    def bt4(self):
        print("Start Loop")


class SecondWindow(Screen, Widget):
    pass


class ThirdWindow(Screen, Widget):
    pass

class FourthWindow(Screen, Widget):
    pass

class FifthWindow(Screen, Widget):

    def looP(self):
        n = 2099
        for _ in range(200):
            n += 1
            if n > 2199:
                print("Stopping")
                break

            print(n)

class WindowManager(ScreenManager):
    pass


kv = Builder.load_file("my.kv")

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

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

原.kv文件 #

WindowManager:
    MainWindow:
    SecondWindow:
    ThirdWindow:
    FourthWindow:
    FifthWindow:

<Button>:
    font_size:20
    color:1,1,1,1
    size_hint: 1, 0.25

<MainWindow>:
    name: "main"

    FloatLayout:


        Button:
            pos_hint: {"x":0, "top":1}
            text: 'Select Adapter'
            on_release:
                app.root.current = "second"
                root.manager.transition.direction = "left"
                root.bt1()

        Button:
            id: btn
            pos_hint: {"x":0, "top":0.75}
            text: 'Connect to Elm327'
            on_release:
                app.root.current = "third"
                root.manager.transition.direction = "left"
                root.bt2()

        Button:
            pos_hint: {"x":0, "top":0.5}
            text: 'Send AT commands'
            on_release:
                app.root.current = "fourth"
                root.manager.transition.direction = "left"
                root.bt3()

        Button:
            pos_hint: {"x":0, "top":0.25}
            text: 'Loop'
            on_release:
                app.root.current = "fifth"
                root.manager.transition.direction = "left"
                root.bt4()



<SecondWindow>:
    name: "second"

    FloatLayout:

        Widget:
            canvas:
                Color:
                    rgba: 1, 1, 1, 1

                Rectangle:
                    pos: self.pos
                    size: self.size
        Button:
            pos_hint: {"x":0, "top":0.1}
            size_hint: 1, 0.1
            text: "Go back"
            on_release:
                app.root.current = "main"
                root.manager.transition.direction = "right"



<ThirdWindow>:
    name: "third"

    FloatLayout:

        Widget:
            canvas:
                Color:
                    rgba: 1, 1, 1, 1

                Rectangle:
                    pos: self.pos
                    size: self.size
        Button:
            pos_hint: {"x":0, "top":0.1}
            size_hint: 1, 0.1
            text: "Go back"
            on_release:
                app.root.current = "main"
                root.manager.transition.direction = "right"

<FourthWindow>:
    name: "fourth"

    FloatLayout:

        Widget:
            canvas:
                Color:
                    rgba: 1, 1, 1, 1

                Rectangle:
                    pos: self.pos
                    size: self.size
        Button:
            pos_hint: {"x":0, "top":0.1}
            size_hint: 1, 0.1
            text: "Go back"
            on_release:
                app.root.current = "main"
                root.manager.transition.direction = "right"

<FifthWindow>:
    name: "fifth"

    FloatLayout:
        Widget:
            canvas:
                Color:
                    rgba: 1, 1, 1, 1

                Rectangle:
                    pos: self.pos
                    size: self.size

        Button:
            pos_hint: {"x":0, "top":1}
            size_hint: 1, 0.1
            text: "Start"
            on_release:
                root.looP()

        Button:
            pos_hint: {"x":0, "top":0.1}
            size_hint: 1, 0.1
            text: "Go back"
            on_release:
                app.root.current = "main"
                root.manager.transition.direction = "right"

要实现循环变量的屏幕显示，核心要解决UI主线程不能被阻塞、Label与变量正确绑定两个问题，以下是修改后的完整代码：

修改后的.py文件 #

import kivy
from kivy.app import App
from kivy.lang import Builder
from kivy.uix.screenmanager import ScreenManager, Screen
from kivy.clock import Clock
from kivy.properties import StringProperty

class MainWindow(Screen):
    def bt1(self):
        print("Select Adaper")
    def bt2(self):
        print("Connect to ELM327")
    def bt3(self):
        print("Send AT Commands")
    def bt4(self):
        print("Start Loop")

class SecondWindow(Screen):
    pass
class ThirdWindow(Screen):
    pass
class FourthWindow(Screen):
    pass

class FifthWindow(Screen):
    # 定义绑定Label的字符串属性
    display_text = StringProperty("等待开始...")
    n = 2099
    clock_event = None

    def update_value(self, dt):
        self.n += 1
        if self.n > 2199:
            self.display_text = "Stopping"
            self.clock_event.cancel()
            return
        # 更新显示内容
        self.display_text = f"当前值: {self.n}"

    def looP(self):
        # 重置初始值
        self.n = 2099
        # 取消之前的定时任务（如果存在）
        if self.clock_event:
            self.clock_event.cancel()
        # 用Clock定时触发更新，避免阻塞UI主线程，这里每0.1秒更新一次
        self.clock_event = Clock.schedule_interval(self.update_value, 0.1)

class WindowManager(ScreenManager):
    pass

kv = Builder.load_file("my.kv")

class MyApp(App):
    def build(self):
        return kv  # 修复原代码返回空的问题，确保界面加载

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

修改后的.kv文件 #

WindowManager:
    MainWindow:
    SecondWindow:
    ThirdWindow:
    FourthWindow:
    FifthWindow:

<Button>:
    font_size:20
    color:1,1,1,1
    size_hint: 1, 0.25

<MainWindow>:
    name: "main"
    FloatLayout:
        Button:
            pos_hint: {"x":0, "top":1}
            text: 'Select Adapter'
            on_release:
                app.root.current = "second"
                root.manager.transition.direction = "left"
                root.bt1()
        Button:
            id: btn
            pos_hint: {"x":0, "top":0.75}
            text: 'Connect to Elm327'
            on_release:
                app.root.current = "third"
                root.manager.transition.direction = "left"
                root.bt2()
        Button:
            pos_hint: {"x":0, "top":0.5}
            text: 'Send AT commands'
            on_release:
                app.root.current = "fourth"
                root.manager.transition.direction = "left"
                root.bt3()
        Button:
            pos_hint: {"x":0, "top":0.25}
            text: 'Loop'
            on_release:
                app.root.current = "fifth"
                root.manager.transition.direction = "left"
                root.bt4()

<SecondWindow>:
    name: "second"
    FloatLayout:
        Widget:
            canvas:
                Color:
                    rgba: 1, 1, 1, 1
                Rectangle:
                    pos: self.pos
                    size: self.size
        Button:
            pos_hint: {"x":0, "top":0.1}
            size_hint: 1, 0.1
            text: "Go back"
            on_release:
                app.root.current = "main"
                root.manager.transition.direction = "right"

<ThirdWindow>:
    name: "third"
    FloatLayout:
        Widget:
            canvas:
                Color:
                    rgba: 1, 1, 1, 1
                Rectangle:
                    pos: self.pos
                    size: self.size
        Button:
            pos_hint: {"x":0, "top":0.1}
            size_hint: 1, 0.1
            text: "Go back"
            on_release:
                app.root.current = "main"
                root.manager.transition.direction = "right"

<FourthWindow>:
    name: "fourth"
    FloatLayout:
        Widget:
            canvas:
                Color:
                    rgba: 1, 1, 1, 1
                Rectangle:
                    pos: self.pos
                    size: self.size
        Button:
            pos_hint: {"x":0, "top":0.1}
            size_hint: 1, 0.1
            text: "Go back"
            on_release:
                app.root.current = "main"
                root.manager.transition.direction = "right"

<FifthWindow>:
    name: "fifth"
    FloatLayout:
        Widget:
            canvas:
                Color:
                    rgba: 1, 1, 1, 1
                Rectangle:
                    pos: self.pos
                    size: self.size
        # 添加显示变量的Label，绑定到display_text属性
        Label:
            pos_hint: {"x":0, "top":0.5}
            size_hint: 1, 0.3
            font_size: 30
            color: 0,0,0,1
            text: root.display_text
        Button:
            pos_hint: {"x":0, "top":1}
            size_hint: 1, 0.1
            text: "Start"
            on_release:
                root.looP()
        Button:
            pos_hint: {"x":0, "top":0.1}
            size_hint: 1, 0.1
            text: "Go back"
            on_release:
                app.root.current = "main"
                root.manager.transition.direction = "right"

关键修改说明 #

1. 修复MyApp的build方法，返回kv实例，否则界面无法正常加载
2. 在FifthWindow中定义StringProperty类型的display_text，用于和KV中的Label实现双向绑定
3. 使用Clock.schedule_interval替代直接for循环，避免阻塞Kivy的UI主线程（直接循环会导致界面卡死）
4. 在KV文件的FifthWindow中添加Label组件，通过text: root.display_text实现数据自动更新
5. 增加循环终止逻辑，到达阈值时取消定时任务并更新显示文本

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