Python 第三方庫：Flet（一套代碼構建跨平臺桌面與 Web 應用）

Flet 是一個現代跨平臺 的 Python UI 框架，允許開發者使用純 Python 構建 Web 應用、桌面應用（Windows/macOS/Linux）、移動應用（Android/iOS）。它基于 Flutter 渲染引擎，因此具有高性能、現代化 UI、響應式布局等優勢，卻無需掌握 Dart 或 Flutter，只需寫 Python 即可。

Flet 特別適用于快速開發企業內部工具、后臺管理界面、實時儀表盤、桌面應用原型等，被認為是“Python 世界的 Flutter”。

安裝 ：

pip install flet

常見應用場景：

（1）跨平臺 GUI 開發（無需 Dart）

使用 Python 構建 Windows、macOS、Linux GUI 程序，界面效果與 Flutter 一致。

（2）Web 應用與管理后臺

一套代碼可直接在瀏覽器運行，適合制作管理后臺、儀表盤、可視化面板。

（3）移動應用原型開發

可部署到移動端（Android / iOS），適合作為快速驗證 UI 的工具。

（4）實時應用與儀表盤

內置 WebSocket 支持，適合動態數據更新，如實時監控、業務面板。

（5）企業內部工具

無需前端技術棧，快速做出內部系統界面或小型業務工具。

◆ ◆ ◆

核心概念

1、Flet 應用程序（Page）

Flet 使用 page 對象表示應用頁面，包含：

? 主題（light/dark）

? 控件列表

? 路由管理

? 響應式布局

? 事件回調執行環境

例如：

    page.title = "Hello Flet"

2、控件（Controls）

類似 Flutter 小部件（Widgets），但用 Python 創建。

常用控件包括：

? Text：文本

? TextField：輸入框

? ElevatedButton：按鈕

? Row / Column：布局

? Container：容器

? Image：圖像

? DataTable：表格

? Dropdown：下拉框

? IconButton：圖標按鈕

Flet 控件均支持屬性綁定與事件處理。

3、事件回調（Events）

控件的事件通過 Python 函數處理，如：

button.on_click = on_click

支持：

? 點擊

? 輸入變化

? 列表選擇

? 滑塊調整

? 路由變化

? 文件上傳事件等

4、響應式布局（Responsive Layout）

基于 Flutter 的布局系統，可靈活適配桌面/網頁/移動端：

? Row

? Column

? ResponsiveRow

? 自動拉伸、對齊、邊距控制

5、熱重載（Hot Reload）

開發時可直接熱重載 UI，而不必重啟應用。

◆ ◆ ◆

應用舉例

例 1：最簡單的窗口

ft.app(target=main)

例 2：按鈕點擊事件

ft.app(target=main)

例 3：輸入框與響應

ft.app(target=main)

例 4：布局示例（Row + Column）

ft.app(target=main)

例 5：運行 Web 模式

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

◆ ◆ ◆

常用函數與類速覽

ft.app(target, view=None)

啟動 Flet 應用。

參數：

target：主函數，接收 Page 對象。

view：窗口類型（桌面、Web、移動）。

返回： 無。

Page

Flet 應用主頁面對象。

常用屬性：

title：頁面標題

controls：控件列表

route：當前路由

theme_mode：主題模式

常用方法：

add()：添加控件

update()：刷新頁面

go(route)：路由跳轉

Controls（如 Text、Row、Button）

所有 UI 控件類型。

參數： 文本內容、樣式屬性、事件回調等。

返回： 控件對象。

Text(value)

顯示文本控件。

參數：

value：字符串。

返回： Text 實例。

TextField(label=None)

文本輸入框。

參數：

label：標簽文字。

返回： TextField 實例。

ElevatedButton(text, on_click=None)

按鈕控件。

參數：

text：按鈕文字。

on_click：點擊事件回調。

返回： ElevatedButton 實例。

Row/Column(controls)

水平或垂直布局。

參數：

controls：控件列表。

返回： 布局對象。

Container(content, padding, bgcolor, expand=False)

容器控件。

參數：

content：子控件。

padding：內邊距。

bgcolor：背景色。

expand：自動擴展。

◆ ◆ ◆

補充說明

（1）Flet 底層使用 Flutter 渲染，因此 UI 性能遠高于 Tkinter / PySimpleGUI。

（2）Python 層不處理繪圖，實際渲染在前端完成，通過 WebSocket 與 Python 交互。

（3）可以打包為桌面應用（Flet CLI 支持打包）。

（4）雖支持移動端，但當前在部署和性能上仍在持續改進中。

（5）適合快速開發與內部工具，但不推薦用于復雜大型前端項目。

小結

Flet 使 Python 開發者能夠以極低的學習成本構建現代、跨平臺的 GUI 與 Web 應用。憑借 Flutter 的高性能渲染和豐富控件體系，Flet 適合構建內部工具、實時儀表盤、企業管理界面等高交互應用。其簡單的事件機制、響應式布局和“純 Python 無需前端”的開發模式極大降低了應用界面開發難度，是當前 Python 最具潛力的跨平臺 UI 框架之一。

“點贊有美意，贊賞是鼓勵”