Python编程，Flet 控件学习2:按钮控件 / 添加、修改 and 绑定事件

Flet的用户界面控件是普通的 Python 类，按钮 Button 是最基本的输入控件之一，自动生成 click 点击事件。

在 Flet 中，为了适应 windows、linux、IOS、Android、web 等平台，按钮（按键）的种类很多，有 ElevatedButton、CupertinoButton、CupertinoFilledButton、填充按钮、图标按钮、分段按钮、文本按钮等多达18种。今天学习 ElevatedButton ，也是最基本的按钮，学会它也就会其他的了，主要是风格不同而已。

添加及显示按钮。很简单，和《Flet 控件学习1》中的文本控件一样。main 函数中的关键代码如下：

btn = ft.ElevatedButton("我是按钮，来点击我啥")
page.add(btn)

绑定按钮的“点击事件”。每个按钮自带 on_click ，在这里指定一个功能函数即可，就这么简单。这里点击一个按钮，在文本控件上显示点击次数。代码如下：

from datetime import datetime
import flet as ft

def main(page: ft.Page):
    t = ft.Text(value="Hello, world!", color="red")
    # page.controls.append(t)
    # page.update()
    page.add(t) # 该句与上两句等效

    # 定义局部函数 click_function，实现点击后的动作
    def click_function(e):
        t.value = f"当前时间：{datetime.now()}"
        page.update()

    # 初始化一个按钮
    b = ft.ElevatedButton(text="我是按钮，点击我查看当前时间", on_click=click_function)
    # 添加并显示按钮
    page.add(b)

ft.app(target=main)

注意关键代码：on_click=click_function，不要给函数加引号哦；定义事件处理函数 def click_function(e)，括号里面带个参数 e。

#python# #Flet