《Python+Kivy(App开发)从入门到实践》自学笔记：简单UX部件——ToggleButton切换按钮

章节知识点总揽

4.8 ToggleButton切换按钮

        ToggleButton的作用与复选框类似，当我们接触或点击它时，他会在'normal'或'down'两种状态之间来回切换。ToggleButton也可以使用'group'的概念，即每组中只有一个按钮可以处于'down'状态。

        实例：设置ToggleButton切换按钮

        ToggleButton的属性基本与Button的属性一致。

        新建main.py文件，导入ToggleButton类，具体代码如下：

from kivy.app import App
from kivy.uix.boxlayout import BoxLayout
from kivy.uix.togglebutton import ToggleButton


class ToggleButtonWidget(BoxLayout):
    def __init__(self,**kwargs):
        super().__init__(**kwargs)

        tb = ToggleButton(text='Mixed',group='sex')
        self.add_widget(tb)

class ToggleButtonApp(App):
    def build(self):
        return ToggleButtonWidget()


if __name__ == '__main__':
    from kivy.core.window import Window
    Window.clearcolor = [.8,.8,.8,1]
    ToggleButtonApp().run()

        根据ToggleButtonApp()类，新建togglebutton.kv文件，添加两个同组的ToggleButton标签，具体如下：

<ToggleButtonWidget>
	orientation:'vertical'
	
	ToggleButton:
		text:'male'
		group:'sex'
		on_release:print('You have clicked Male Button')

	ToggleButton:
		text:'Female'
		group:'sex'
		state:'down'

        运行main.py文件，点击'male'按钮时，会从后台打印文字内容；下面两个按钮只能选择一个（因为在同一个组里），结果如下图：

上一篇：简单UX部件——ProgressBar进度条

下一篇：简单UX部件——Switch开关