你知道可以用 Python 来构建 Flutter 应用吗?

发表于:2022-11-22 09:28

字体: | 上一篇 | 下一篇 | 我要投稿

 作者:王德朕    来源:51CTO博客

  Flutter 在软件研发领域是非常流行的,今天就让我们深入了解一下,用 Python 构建 Flutter 应用程序的世界!
  关于 FLET
  在开始学习前,了解一下什么是 FLET?
  FLET 可以使开发人员通过 Python,轻松地构建实时 Web、移动和桌面应用程序,更加疯狂的是不需要你有前端经验,也能让你开发出稳定的 Web 应用程序,虽然移动版本还在开发中。
  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) 
  本文内容不用于商业目的,如涉及知识产权问题,请权利人联系51Testing小编(021-64471599-8017),我们将立即处理
《2023软件测试行业现状调查报告》独家发布~

关注51Testing

联系我们

快捷面板 站点地图 联系我们 广告服务 关于我们 站长统计 发展历程

法律顾问:上海兰迪律师事务所 项棋律师
版权所有 上海博为峰软件技术股份有限公司 Copyright©51testing.com 2003-2024
投诉及意见反馈:webmaster@51testing.com; 业务联系:service@51testing.com 021-64471599-8017

沪ICP备05003035号

沪公网安备 31010102002173号