在 Kivy 中构建简单的进度条或加载动画?

2022-01-15 00:00:00 python kivy user-interface events

问题描述

我正在为我开发的命令行实用程序编写 Kivy UI.一切正常,但有些进程可能需要几秒钟到几分钟的时间来处理,我想向用户提供一些指示,表明该进程正在运行.理想情况下,这将是一个旋转轮或加载栏或其他东西的形式,但即使我可以更新我的显示以向用户显示一个进程正在运行,它也会比我现在拥有的更好.

I am writing a Kivy UI for cmd line utility I have developed. Everything works fine, but some of the processes can take from a few seconds to a few minutes to process and I would like to provide some indication to the user that the process is running. Ideally, this would be in the form of a spinning wheel or loading bar or something, but even if I could update my display to show the user that a process is running, it would be better than what I have now.

目前,用户在主 UI 中按下按钮.这会弹出一个弹出窗口,向用户验证一些关键信息,如果他们对这些选项感到满意,他们会按下运行"按钮.我已经尝试打开一个新的弹出窗口来告诉他们进程正在运行,但是因为在进程完成之前显示不会更新,所以这不起作用.

Currently, the user presses a button in the main UI. This brings up a popup that verifies some key information with the user, and if they are happy with those options, they press a 'run' button. I have tried opening a new popup to tell them that the process is running, but because the display doesn't update until the process finishes, this doesn't work.

我有很多编码经验,但主要是在数学和工程方面,所以我对 UI 设计和处理事件和线程非常陌生.一个简单的独立示例将不胜感激.

I have a lot of coding experience, but mostly in the context of math and engineering, so I am very new to the designing of UIs and having to handle events and threads. A simple self-contained example would be greatly appreciated.


解决方案

我最近正在解决你描述的问题:显示在进程完成之前不会更新

I was recently tackling the problem you described: display doesn't update until the process finishes

这是我在#Kivy IRC 频道中@andy_s 的帮助下完成的一个完整示例:

Here is a complete example that I got working with the help of @andy_s in the #Kivy IRC channel:

我的 main.py:

My main.py:

from kivy.app import App
from kivy.uix.popup import Popup
from kivy.factory import Factory
from kivy.properties import ObjectProperty
from kivy.clock import Clock

import time, threading

class PopupBox(Popup):
    pop_up_text = ObjectProperty()
    def update_pop_up_text(self, p_message):
        self.pop_up_text.text = p_message

class ExampleApp(App):
    def show_popup(self):
        self.pop_up = Factory.PopupBox()
        self.pop_up.update_pop_up_text('Running some task...')
        self.pop_up.open()

    def process_button_click(self):
        # Open the pop up
        self.show_popup()

        # Call some method that may take a while to run.
        # I'm using a thread to simulate this
        mythread = threading.Thread(target=self.something_that_takes_5_seconds_to_run)
        mythread.start()

    def something_that_takes_5_seconds_to_run(self):
        thistime = time.time() 
        while thistime + 5 > time.time(): # 5 seconds
            time.sleep(1)

        # Once the long running task is done, close the pop up.
        self.pop_up.dismiss()

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

我的例子.kv:

AnchorLayout:
    anchor_x: 'center'
    anchor_y: 'center'
    Button:
        height: 40
        width: 100
        size_hint: (None, None)
        text: 'Click Me'
        on_press: app.process_button_click()

<PopupBox>:
    pop_up_text: _pop_up_text
    size_hint: .5, .5
    auto_dismiss: True
    title: 'Status'   

    BoxLayout:
        orientation: "vertical"
        Label:
            id: _pop_up_text
            text: ''

如果你运行这个例子,你可以点击Click Me按钮,它应该会打开一个模态/弹窗形式的进度条".此弹出窗口将保持打开 5 秒钟而不会阻塞主窗口.5秒后,弹窗会自动消失.

If you run this example, you can click the Click Me button, which should open up a "progress bar" in the form of a modal/pop-up. This pop up will remain open for 5 seconds without blocking the main window. After 5 seconds, the pop up will automatically be dismissed.

相关文章