《Python+Kivy(App开发)从入门到实践》自学笔记:手动实战——计时器:开始计时

章节目录与知识点总揽

为了实现计时功能,在上一篇基础上再增加一个Label属性来设置计时时间,并添加一个Button来触发事件,将这两个部件放在一个BoxLayout布局中再嵌套进根布局中,新建clock.kv文件,内容具体如下:

<ClockBoxLayout>:
	orientation:'vertical'
	
	Label:
		id:time_label_id
		text:'[b]00[/b]:00:00'
		font_size:60
		markup:True
	BoxLayout:
		orientation:'horizontal'
		padding:20
		spacing:20
		size_hint:(1,None)
		height:90
		
		Button:
			id:start_stop_button_id
			text:'Start'
			font_size:25
			bold:True
			border:(2,2,2,2)
			on_press:root.start_or_stop()
	Label:
		id:stopwatch
		text:'00:00.[size=40]00[/size]'
		font_size:60
		markup:True

在main.py文件内,还是通过ID方式获取控件,并改变其text属性,切换按钮显示的文本并修改其状态。具体内容如下:

from time import strftime

from kivy.app import App
from kivy.clock import Clock
from kivy.uix.boxlayout import BoxLayout

class ClockBoxLayout(BoxLayout):
    def __init__(self,**kwargs):
        super().__init__(**kwargs)
        self.timing_flag = False
        self.timing_seconds = 0
        self.on_start()

    def on_start(self):
        #每0秒执行一次update_time()方法
        Clock.schedule_interval(self.update_time,0)

    def update_time(self,nap):
        if self.timing_flag:
            self.timing_seconds += nap
            
        #通过ID获取到time_label_id控件,并设置text属性值
        self.ids.time_label_id.text = strftime('[b]%H[/b]:%M:%S')
        m,s = divmod(self.timing_seconds,60)
        #同上设置text值
        self.ids.stopwatch.text=('%02d:%02d.[size=40]%02d[/size]'%(int(m),int(s),int(s*100%100)))

    def start_or_stop(self):
        #切换状态
        self.ids.start_stop_button_id.text='Start' if self.timing_flag else 'Stop'
        self.timing_flag = not self.timing_flag
class ClockApp(App):
    #实现App类的build()方法(继承自App类)
    def build(self):
        return ClockBoxLayout()

if __name__ == '__main__':
    #设置页面背景
    from kivy.core.window import Window
    Window.clearcolor = [.8,.8,.8,1]
    ClockApp().run()

运行mian.py文件,单击'Start'按钮开始计时,同时按钮文字自动变为"Stop"再次单击计时暂停,按钮文字自动变回'Start'。

9a24c2085c514ae4a39ae55376b876c4.png

 单击按钮:

b31d92433c564796bc73211099961ec8.png

 再次单击按钮:

b19031e8485d404d9d88ada7c22b726a.png

上一篇:显示时间

下一篇:计时重置 

 

 

评论 4
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

静候光阴

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值