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)

• 控件列表

• 路由管理

• 响应式布局

• 事件回调执行环境

例如:

def main(page):    page.title = "Hello Flet"

2、控件(Controls)

类似 Flutter 小部件(Widgets),但用 Python 创建。

常用控件包括:

• Text:文本

• TextField:输入框

• ElevatedButton:按钮

• Row / Column:布局

• Container:容器

• Image:图像

• DataTable:表格

• Dropdown:下拉框

• IconButton:图标按钮

Flet 控件均支持属性绑定与事件处理。

3、事件回调(Events)

控件的事件通过 Python 函数处理,如:

def on_click(e):    print("Clicked!")button.on_click = on_click

支持:

• 点击

• 输入变化

• 列表选择

• 滑块调整

• 路由变化

• 文件上传事件等

4、响应式布局(Responsive Layout)

基于 Flutter 的布局系统,可灵活适配桌面/网页/移动端:

• Row

• Column

• ResponsiveRow

• 自动拉伸、对齐、边距控制

5、热重载(Hot Reload)

开发时可直接热重载 UI,而不必重启应用。

◆  ◆  ◆

应用举例

例 1:最简单的窗口

import flet as ft def main(page: ft.Page):    page.add(ft.Text("Hello, Flet!"))    ft.app(target=main)

例 2:按钮点击事件

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)

例 3:输入框与响应

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)

例 4:布局示例(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)

例 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 框架之一。

图片

“点赞有美意,赞赏是鼓励”

Read more

Spring Boot携手Leaflet,点亮省级旅游口号WebGIS可视化之路

Spring Boot携手Leaflet,点亮省级旅游口号WebGIS可视化之路

目录 前言 一、旅游口号信息管理 1、写在前面的 2、空间属性关联 二、SpringBoot后台实现 1、系统调用时序图 2、Mapper数据查询实现 3、控制层接口实现 三、Leaflet集成实现WebGIS 1、省级数据展示及可视化 2、东北三省旅游口号 3、长三角城市群口号 4、珠三角旅游口号 5、西北地区旅游口号 四、总结 前言         在当今数字化浪潮汹涌澎湃的时代,地理信息系统(GIS)技术正以前所未有的速度改变着我们对世界的认知与探索方式。它不仅为科学研究提供了强大的工具,更在旅游、城市规划、环境保护等诸多领域展现出巨大的应用潜力。而当我们将目光聚焦于旅游行业,一个充满活力与创新的领域,GIS技术的应用更是如鱼得水,为旅游体验的提升和旅        游管理的优化带来了全新的机遇。         省级旅游口号作为各地旅游宣传的重要名片,承载着地域文化的精髓与旅游资源的亮点,是吸引游客、塑造旅游品牌形象的关键要素。然而,传统的旅游口号宣传方式往往局限于文字、

iOS自动化测试终极指南:WebDriverAgent完整配置与使用教程

iOS自动化测试终极指南:WebDriverAgent完整配置与使用教程 【免费下载链接】WebDriverAgentA WebDriver server for iOS that runs inside the Simulator. 项目地址: https://gitcode.com/gh_mirrors/we/WebDriverAgent WebDriverAgent是由Facebook开发的一款强大的iOS设备自动化测试框架,它实现了WebDriver规范,能够远程控制iOS设备和模拟器,执行应用启动、关闭、点击、滚动等操作。无论是进行端到端测试还是通用设备自动化,这款工具都能提供稳定可靠的支持。 为什么选择WebDriverAgent进行iOS自动化测试 WebDriverAgent之所以成为iOS自动化测试的首选工具,主要基于以下几个核心优势: 跨平台兼容性:完美支持真机和模拟器测试,满足不同测试环境需求 功能完整性:实现了大部分WebDriver规范和移动JSON线缆协议 开发友好性:支持直接通过Xcode进行调试和运行 USB设备支持:为真机测试提供便捷的连接

--- 通过逆向 WebChat 协议打造 OpenClaw 的“万能胶水” ---

摘要 在 OpenClaw 的二次开发中,官方推荐的 Channel 扩展模式往往伴随着较高的开发和部署成本。本文介绍了一种更直接的“降维打击”方案:通过逆向工程解析 Gateway 与 WebChat 之间的 WebSocket 通信协议,构建一个通用适配器(Universal Adapter)。该适配器能将任何外部程序(CLI、脚本、第三方 UI)伪装成官方 WebChat 客户端,从而实现零后端修改接入,并天然支持会话历史同步。 正文内容 1. 缘起:为什么我们需要这层“胶水”? 在 OpenClaw 的生态中,如果你想让一个外部系统(比如一个 Python 脚本、一个 IoT 设备或者一个自定义网页)和 Agent 对话,官方的标准答案通常是:“去开发一个

前端拖拽排序实现详解:从原理到实践 - 附完整代码

前端拖拽排序实现详解:从原理到实践 - 附完整代码

🌷 古之立大事者,不惟有超世之才,亦必有坚忍不拔之志 🎐 个人CSND主页——Micro麦可乐的博客 🐥《Docker实操教程》专栏以最新的Centos版本为基础进行Docker实操教程,入门到实战 🌺《RabbitMQ》专栏19年编写主要介绍使用JAVA开发RabbitMQ的系列教程,从基础知识到项目实战 🌸《设计模式》专栏以实际的生活场景为案例进行讲解,让大家对设计模式有一个更清晰的理解 🌛《开源项目》本专栏主要介绍目前热门的开源项目,带大家快速了解并轻松上手使用 🍎 《前端技术》专栏以实战为主介绍日常开发中前端应用的一些功能以及技巧,均附有完整的代码示例 ✨《开发技巧》本专栏包含了各种系统的设计原理以及注意事项,并分享一些日常开发的功能小技巧 💕《Jenkins实战》专栏主要介绍Jenkins+Docker的实战教程,让你快速掌握项目CI/CD,是2024年最新的实战教程 🌞《Spring Boot》专栏主要介绍我们日常工作项目中经常应用到的功能以及技巧,代码样例完整 👍《Spring Security》专栏中我们将逐步深入Spring Security的各个