Kivy 简明教程

Kivy - Stopwatch App

在本章中，我们将使用 Python 的 Kivy GUI 框架构建一个秒表应用程序。秒表可测量启动事件和停止事件之间的经过时间。例如，秒表用于测量运动员完成 100 米跑所用时间。

应用程序的 GUI 设计应该类似于以下图形−

kivy stopwatch app

以下“kv”脚本用于放置两个标签和两个按钮，如上图所示。顶部标签将用于显示当前时间，而底部标签将显示从计时器启动之后的经过时间。左按钮用于启动/停止秒表。右边的按钮将计时器重置为 0。

BoxLayout:
   orientation: 'vertical'

   Label:
      id: time
      font_size:40
      markup:True
      text: '[b]00[/b]:00:00'

   BoxLayout:
      orientation: 'horizontal'
      padding: 20
      spacing: 20
      height: 90
      size_hint: (1, None)

      Button:
         text: 'Start'
         id: start_stop
         on_press : app.start_stop()

      Button:
         id: reset
         text: 'Reset'
         on_press: app.reset()
   Label:
      id: stopwatch
      font_size:40
      markup:True
      text:'00:00.[size=40]00[/size]'

在应用程序代码中，我们定义了一个 on_stop() 事件处理程序，该处理程序在填充 GUI 时立即调用。它安排了一个时间事件处理程序，该处理程序在每秒后使用当前时间更新标签。

def on_start(self):
   Clock.schedule_interval(self.update_time, 0)

update_time() 方法会更新显示在上面标签（ID 为 time）上的当前时间，以及如果定时器已启动则会更新显示在下面标签（ID 为 stopwatch）上的经过时间。

def update_time(self, t):
   if self.sw_started:
      self.sw_seconds += t
   minutes, seconds = divmod(self.sw_seconds, 60)
   part_seconds = seconds * 100 % 100
   self.root.ids.stopwatch.text = "{:2d} : {:2d}.{:2d}".format(int(minutes), int(seconds), int(part_seconds))
   self.root.ids.time.text = strftime('[b]%H[/b]:%M:%S')

ID 为 start 的按钮绑定到 start_stop() 方法，该方法会存储秒表的状态（已启动或已停止）并相应地更新开始按钮（ID 为 start_stop）的标题。

def start_stop(self):
   self.root.ids.start_stop.text = 'Start' if
self.sw_started else 'Stop'
   self.sw_started = not self.sw_started

右边的按钮将时间计数器重置为 0，将另一个按钮的标题设置为开始，并将底部标签的标题也重置为 0:0.0。

def reset(self):
   if self.sw_started:
      self.root.ids.start_stop.text = 'Start'
      self.sw_started = False
   self.sw_seconds = 0

Example

整个编码逻辑如下面的代码所示−

from time import strftime
from kivy.clock import Clock
from kivy.app import App
from kivy.core.window import Window

Window.size = (720, 400)

class StopWatchApp(App):
   sw_seconds = 0
   sw_started = False

   def update_time(self, t):
      if self.sw_started:
         self.sw_seconds += t
      minutes, seconds = divmod(self.sw_seconds, 60)
      part_seconds = seconds * 100 % 100

      self.root.ids.stopwatch.text = "{:2d} : {:2d}.{:2d}".format(int(minutes), int(seconds), int(part_seconds))
      self.root.ids.time.text = strftime('[b]%H[/b]:%M:%S')

   def on_start(self):
      Clock.schedule_interval(self.update_time, 0)

   def start_stop(self):
      self.root.ids.start_stop.text = 'Start' if self.sw_started else 'Stop'
      self.sw_started = not self.sw_started

   def reset(self):
      if self.sw_started:
         self.root.ids.start_stop.text = 'Start'
         self.sw_started = False
      self.sw_seconds = 0

StopWatchApp().run()

Output

由于上面的代码中 App 类的名称是 StopWatchApp，因此它的“kv”语言设计脚本必须命名为“StopWatch.kv”，并且运行程序。

kivy stopwatch app example

按下开始按钮。计数器将会启动，显示在底部标签上的经过时间。标题将变为停止。再次按下该按钮以停止时钟运行。单击重置按钮使标签到达“0”。

kivy stopwatch app start