这篇文章主要介绍“怎么用Python构建Flutter应用”的相关知识,小编通过实际案例向大家展示操作过程,操作方法简单快捷,实用性强,希望这篇“怎么用Python构建Flutter应用”文章能帮助大家解决问题。
1、FLET 令人惊叹的功能
1. 由 Flutter 驱动;2. 你可以在几分钟内实现一个 APP;3. 简单的软件架构;4. 除 Python 外,还将支持其他语言,如 Go、C# 等。
太棒了,对吧??
2、如何安装 FLET
请使用以下命令安装 FLET。
pipinstall flet
注意:该命令适用于 Python3.0 以下版本,如果是 Python3.0 以上版本,请使用下述命令。
pip3install flet
记得将你的 pip 升级到最新版本。
pipinstall -- upgrade pip
简单介绍 Flutter
由 Google 创建的 UI 工具包 Flutter,可以让程序员创建拥有一流界面的应用程序。与 Java 不同,Flutter 使用 Dart 编程,它是一种面向对象的语言,学起来要简单得多。
新的 Flutter 版本(3.4.0-34.1.Pre) ,可以让我们用一套代码构建移动(Android/IOS)、 MacOS、 Web、 Linux 和桌面应用程序。
注意: 当使用多个操作系统时,需要做一些适配调整。
1、用 FLET 构建简单的应用程序
让我们用 FLET 构建一个简单的应用程序,它具有:
一个文本输入框;
增减两个按钮。
代码片段
首先,我们需要导入 FLET 和计数器程序必不可少的其他功能(例如组件)。
import fletfrom flet import Row, icons, IconButton, TextField, Page;
我们定义了 main 函数,并设置了标题,由于应用程序的基础部分已经准备好,接下来设置一下组件。
要添加一个组件,我们使用 page.add (widget…)。
def main(page: Page): page.title= "Counter App" page.vertical_alignment= "center"
接下来我们会考虑……
输入框和按钮
page.add(Row([ IconButton(icons.REMOVE), TextField(text_align="center",value="0", width=100) IconButton(icons.ADD) ], alignment="center") )
下面我们定义了两个处理事件的函数。
//Decrement def minus(e) : tf.value= int(tf.value) -1 page.update()//Increment def plus(e) : tf.value= int(tf.value) + 1 page.update()
tf 是指我们放入行中的文本输入框对象,接下来,需要使用文本框中的值,并将其包装在变量中,下面是完整代码。
import flet from flet import Row, icons, IconButton, TextField, Page; def main(page: Page): page.title = "Counter App" page.vertical_alignment = "center" tf =TextField(text_align="center",value="0", width=100) #Functions def minus(e): tf.value = int(tf.value) -1 page.update() def plus(e): tf.value = int(tf.value) + 1 page.update() #Widgets page.add( Row([ IconButton(icons.REMOVE, on_click=minus), tf, IconButton(icons.ADD, on_click=plus) ], alignment="center") ) flet.app(target=main,view=flet.WEB_BROWSER)
最后一步是运行应用程序。
flet.app(target=main)
我们添加了针对 main 函数的命令,要运行应用,请执行下述命令。
pythonfilename.py
请注意,上述命令必须在 Python 文件所在目录执行。
2、用户界面
正如我在简单介绍 Flutter 部分中描述的一样,该程序也可以 Web 浏览器上使用。
为此需要进行小幅调整,添加如下代码即可。
flet.app(target=main,view=flet.WEB_BROWSER)