[](https://res.cloudinary.com/practicaldev/image/fetch/s--QAE4blWR--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_880/https://dev-to- uploads.s3.amazonaws.com/uploads/articles/h5uu2qi3vbynif18tpxu.png)

Flet 使开发人员能够使用 Python 轻松构建实时 Web、移动和桌面应用程序。无需前端经验。

Flet UI 是使用 Flutter 构建的,因此您的应用程序看起来很专业,并且可以交付到任何平台。 Flet 通过将较小的“小部件”组合成具有命令式编程模型的即用型“控件”来简化 Flutter 模型。

运行 app install flet 模块:

pip install flet

进入全屏模式 退出全屏模式

Flet 应用程序示例

• 创建文件app.py

import flet
from flet import IconButton, Page, Row, TextField, icons

def main(page: Page):
    page.title = "Flet counter example"
    page.vertical_alignment = "center"

    txt_number = TextField(value="0", text_align="right", width=100)

    def minus_click(e):
        txt_number.value = int(txt_number.value) - 1
        page.update()

    def plus_click(e):
        txt_number.value = int(txt_number.value) + 1
        page.update()

    page.add(
        Row(
            [
                IconButton(icons.REMOVE, on_click=minus_click),
                txt_number,
                IconButton(icons.ADD, on_click=plus_click),
            ],
            alignment="center",
        )
    )

flet.app(target=main)

进入全屏模式 退出全屏模式

并运行程序:

python app.py

进入全屏模式 退出全屏模式

[](https://res.cloudinary.com/practicaldev/image/fetch/s--DEA-_ZIM--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_880/https://dev- to-uploads.s3.amazonaws.com/uploads/articles/tiwafqyrmwzfr72tyybe.png)

现在,如果您想将应用程序作为 Web 应用程序运行,只需将

最后一行:

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

进入全屏模式 退出全屏模式

[](https://res.cloudinary.com/practicaldev/image/fetch/s--kDE4OUVh--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_880/https://dev-to- uploads.s3.amazonaws.com/uploads/articles/pkkuo3pt6yvcqnoyjloi.png)

在 Python 中创建 Flet 应用程序

来源

车队文件