Flet：用 Python 构建跨平台桌面与 Web 应用

按钮点击事件

处理用户交互，动态更新页面内容。

import flet as ft

def main(page: ft.Page):
    def on_click(e):
        page.add(ft.Text("按钮被点击"))
    
    page.add(ft.ElevatedButton("点我", on_click=on_click))
    ft.app(target=main)

输入框与响应

结合输入框实现简单的数据回显。

import flet as ft

def main(page: ft.Page):
    name = ft.TextField(label="请输入姓名")

    def update_name(e):
        page.add(ft.Text(f"你好，{name.value}"))

    page.add(name, ft.ElevatedButton("确认", on_click=update_name))
    ft.app(target=main)

布局组合

使用 Row 和 Column 进行水平与垂直排列。

import flet as ft

def main(page: ft.Page):
    page.add(
        ft.Row([
            ft.Container(ft.Text("左"), width=100),
            ft.Container(ft.Text("右"), width=100)
        ])
    )
    ft.app(target=main)

运行 Web 模式

指定视图类型为 Web 浏览器。

ft.app(target=main, view=ft.WEB_BROWSER)

API 速览

ft.app(target, view=None)

启动 Flet 应用。

• target: 主函数，接收 Page 对象。
• view: 窗口类型（桌面、Web、移动）。

Page 对象

Flet 应用主页面对象。

• title: 页面标题
• controls: 控件列表
• route: 当前路由
• theme_mode: 主题模式
• add(): 添加控件
• update(): 刷新页面
• go(route): 路由跳转

常用控件

• Text(value): 显示文本控件。
• TextField(label=None): 文本输入框。
• ElevatedButton(text, on_click=None): 按钮控件。
• Row/Column(controls): 水平或垂直布局。
• Container(content, padding, bgcolor, expand=False): 容器控件。

补充说明

1. 性能优势：Flet 底层使用 Flutter 渲染，UI 性能远高于 Tkinter 或 PySimpleGUI。
2. 架构原理：Python 层不直接处理绘图，实际渲染在前端完成，通过 WebSocket 与 Python 交互。
3. 打包发布：支持打包为桌面应用（Flet CLI 提供相关功能）。
4. 移动端现状：虽支持移动端，但在部署和性能上仍在持续改进中。
5. 适用边界：适合快速开发与内部工具，但不推荐用于复杂大型前端项目。

小结

Flet 使 Python 开发者能够以极低的学习成本构建现代、跨平台的 GUI 与 Web 应用。凭借 Flutter 的高性能渲染和丰富控件体系，Flet 适合构建内部工具、实时仪表盘、企业管理界面等高交互应用。其简单的事件机制、响应式布局和'纯 Python 无需前端'的开发模式极大降低了应用界面开发难度，是当前 Python 最具潜力的跨平台 UI 框架之一。