使用 kv 构建界面

Kivy 提供了一种简单且可扩展的 GUI 设计语言用来专门设计对 Kivy 的图形界面进行设计。我们可以在.kv文件中设计好程序的图形界面，然后在.py文件中对图像界面进行交互控制。

在本程序中，我们一共有 3 个地方使用了 Kivy 的设计语言，它们分别是：

• 时钟屏幕：clockscreen.kv

• 秒表屏幕：stopwatchscreen.kv

• 主界面：main.kv
  

在时钟屏幕中，我们按照如下方式定义构建了一个界面：

在秒表屏幕中，我们按照如下方式定义构建了一个界面：

最后在主界面中，引入这两个屏幕，通过布局管理器，将其放置在了主界面中：

编写主程序代码

在通过 Kivy 的kv设计语言构建好了程序界面之后，我们来编写主程序的 Python 代码。

首先，引入所需的模块：

from kivy.app import App
from kivy.uix.screenmanager import Screen,SlideTransition
from kivy.core.text import LabelBase
from kivy.uix.button import ButtonBehavior
from kivy.uix.image import Image
from kivy.clock import Clock
import time

接着，配置一下中文字体。因为 Kivy 的先天缺陷，其对中文的支持很差劲，默认情况下，中文都会显示成一个个豆腐块，只能通过引入中文字体来解决：

LabelBase.register(
 name='SiyuanHeiti',
 fn_regular='./font/SourceHanSansCN-Normal.ttf'
)

然后，我们创建 3 个在kv文件中定义的小部件：

# 图像按钮
class ImageButton(ButtonBehavior,Image):
 pass

# 秒表屏幕
class StopwatchScreen(Screen):
 pass

# 时钟屏幕
class ClockScreen(Screen):
 pass

创建一个名为MainApp()的类，这是程序的主类。我们把各种交互控制的方法写在这里面：

class MainApp(App):
 sw_started = False # 秒表启动状态
 sw_seconds = 0 # 当前秒表秒数

 def update(self,n):
 # 如果秒表已启动，更新当前秒数
 if self.sw_started:
  self.sw_seconds += n

 # 更新当前时间
 self.root.ids['clock_screen'].ids['time'].text = time.strftime("[b]%H[/b]:%M:%S")
 # 更新秒表
 m,s = divmod(self.sw_seconds,60) # 返回一个包含商和余数的元组
 self.root.ids['stopwatch_screen'].ids['stopwatch'].text = ("%02d: %02d.[size=40]%02d[/size]" % (int(m),int(s),int(s*100%100)))

 # 重写程序启动的事件
 def on_start(self):
 Clock.schedule_interval(self.update,0)

 # 开始/停止
 def start_stop(self):
 self.root.ids['stopwatch_screen'].ids['start_stop'].text = '启动' if self.sw_started else '停止'
 self.sw_started = not self.sw_started

 # 重置秒表
 def reset(self):
 if self.sw_started:
  self.root.ids['stopwatch_screen'].ids['start_stop'].text = '启动'
  self.sw_started = False
 self.sw_seconds = 0

 def go_forward(self):
 screen_manager = self.root.ids['screen_manager']
 screen_manager.transition = SlideTransition(direction="right")
 screen_manager.current = "stopwatch_screen"

 def go_back(self):
 screen_manager = self.root.ids['screen_manager']
 screen_manager.transition = SlideTransition(direction="left")
 screen_manager.current = "clock_screen"

这样，这个程序就完成了。我们实例化MainApp()并调用其run()方法即可运行。

if __name__ == '__main__':
 app = MainApp()
 app.run()