python之flet(一）

qq_43347348

已于 2024-08-08 00:14:24 修改

阅读量1.1k

点赞数 26

文章标签： python 开发语言

于 2024-08-04 15:04:38 首次发布

本文链接：https://blog.csdn.net/qq_43347348/article/details/140905794

版权

flet是python的GUI库之一。在众多的python图形界面编辑库中如PySide、Kivy、Thinker、PysimpleGui等等，flet是目前跨平台最好的一款GUI。flet支持windows、Linux、IOS、web和Android开发，可谓功能强大。

图像：https://flet.qiannianlu.com/flet - 最强Qt平替，使用Python轻松构建免费商用的跨平台应用 | flet中文网·flet最全教程·Qt最强平替Flet-免费商用的 Python GUI - Qt的最强平替，轻松使用Python构建实时网页、移动和桌面应用，无需前端开发经验。https://flet.qiannianlu.com/

本篇博客的写作目的在于以下几点

(1)记录flet的学习过程，重点。

（2）作为笔记日常复习。

（3）尝试通过flet完成一些任务

（4）由于目前B站、Flet的中文官网等一些技术网站目前对flet的系统教程没有，自己也做一个分享，让更多同志加入Flet的学习大军中。

（5）获取更多的宝贵意见

flet 官网的地址链接为：https://flet.qiannianlu.com/

本博客所有的代码编辑环境均在PyCharm中编写，使用的版本为flet要求的最低python3.8的版本。

进入正题

先创建一个独立的虚拟环境中的python工程。

在控制窗口中使用：

pip install flet

安装flet库

第一步，“hello World！”

import flet as ft

def main(page:ft.Page):
    page.add(ft.Text('Hello World!'))

ft.app(main)

通过flet，我们在图形化的界面上显示出基本的文本效果。

flet基础控件

无论什么样的编程语言，什么样的图形界面库，其基础的控件也是大同小异。常见的基础控件按钮、文本框、图像框、复选框、单选框、滑动条和输入框等等，不同的库可能存在其特殊的控件比如显示日期和月份等控件。为了高效的学习flet,正如flet中文页面所说“从想法到应用只需几分钟”，直接一口气将所有的基础控件的使用方法全部列出。

flet 官网展示的按钮类型共有10种：

Cupertino

1、CupertinoActionSheetAction

没有正式翻译，姑且称其为表单激发按钮。其官方给出的代码运行效果如下。

点击之后弹出一个表单

表单激发按钮可以在其中可以通过ROW布局放置文本，也可以在其中再次调用一个表单激发按钮。示例中就是设置了一个按钮，其通过点击激发生成另一个表单激发按钮，其中可以通过列表同时添加多个表单激发按钮。

import flet as ft

def main(page:ft.Page):
    btsheet = ft.CupertinoActionSheet(title=ft.Row([ft.Text("文本1")]),
        message=ft.Row([ft.Text("文本2")]),
        cancel=ft.CupertinoActionSheetAction(
            content=ft.Text("内部添加一个激发表单按钮"),
        ))
    page.add(btsheet)

ft.app(main)

2、CupertinoButton

import flet as ft

def main(page: ft.Page):
    page.add(
        ft.CupertinoButton(
            content=ft.Text("Normal CupertinoButton"),
            bgcolor='#ff0000', #背景颜色
            color=ft.colors.BLACK, #文本颜色
            icon=ft.icons,#按钮图标
            icon_color= ft.colors.BLUE,#图标颜色
            tooltip='按钮',#悬停文本
            opacity_on_click=0.4#点击时透明度
            #min_size=44,#默认按钮最小尺寸为44.
        ),
    )

ft.app(target=main)

悬停效果点击效果