文章详情

短信预约-IT技能 免费直播动态提醒

请输入下面的图形验证码

提交验证

短信预约提醒成功

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

2024-12-01 02:13

关注

译者 | 王德朕

  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) 

  你可以从下述地址了解更多关于 FLET 的信息:https://flet.dev/docs/roadmap

原文链接:

​https://hackernoon.com/a-brief-intro-to-flet-building-flutter-apps-with-python​

译者简介

王德朕,51CTO社区编辑,10年互联网产研经验,6年IT教培行业经验。


来源:51CTO技术栈内容投诉

免责声明:

① 本站未注明“稿件来源”的信息均来自网络整理。其文字、图片和音视频稿件的所属权归原作者所有。本站收集整理出于非商业性的教育和科研之目的,并不意味着本站赞同其观点或证实其内容的真实性。仅作为临时的测试数据,供内部测试之用。本站并未授权任何人以任何方式主动获取本站任何信息。

② 本站未注明“稿件来源”的临时测试数据将在测试完成后最终做删除处理。有问题或投稿请发送至: 邮箱/279061341@qq.com QQ/279061341

软考中级精品资料免费领

  • 历年真题答案解析
  • 备考技巧名师总结
  • 高频考点精准押题
  • 2024年上半年信息系统项目管理师第二批次真题及答案解析(完整版)

    难度     813人已做
    查看
  • 【考后总结】2024年5月26日信息系统项目管理师第2批次考情分析

    难度     354人已做
    查看
  • 【考后总结】2024年5月25日信息系统项目管理师第1批次考情分析

    难度     318人已做
    查看
  • 2024年上半年软考高项第一、二批次真题考点汇总(完整版)

    难度     435人已做
    查看
  • 2024年上半年系统架构设计师考试综合知识真题

    难度     224人已做
    查看

相关文章

发现更多好内容

猜你喜欢

AI推送时光机
位置:首页-资讯-后端开发
咦!没有更多了?去看看其它编程学习网 内容吧
首页课程
资料下载
问答资讯