草庐IT

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

王德朕 2023-03-29 原文

作者 | Valentine Enedah

译者 | 王德朕

　　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教培行业经验。


FlutterPythonsectiondata-id838747开发$前端Flutter$Python

有关你知道可以用 Python 来构建 Flutter 应用吗？的更多相关文章

  1. ruby - 为什么我可以在 Ruby 中使用 Object#send 访问私有(private)/ protected 方法？ - 2

    类classAprivatedeffooputs:fooendpublicdefbarputs:barendprivatedefzimputs:zimendprotecteddefdibputs:dibendendA的实例a=A.new测试a.foorescueputs:faila.barrescueputs:faila.zimrescueputs:faila.dibrescueputs:faila.gazrescueputs:fail测试输出failbarfailfailfail.发送测试[:foo,:bar,:zim,:dib,:gaz].each{|m|a.send(m)resc

  2. python - 如何使用 Ruby 或 Python 创建一系列高音调和低音调的蜂鸣声？ - 2

    关闭。这个问题是opinion-based.它目前不接受答案。想要改进这个问题？更新问题，以便editingthispost可以用事实和引用来回答它.关闭4年前。Improvethisquestion我想在固定时间创建一系列低音和高音调的哔哔声。例如:在150毫秒时发出高音调的蜂鸣声在151毫秒时发出低音调的蜂鸣声200毫秒时发出低音调的蜂鸣声250毫秒的高音调蜂鸣声有没有办法在Ruby或Python中做到这一点？我真的不在乎输出编码是什么(.wav、.mp3、.ogg等等)，但我确实想创建一个输出文件。

  3. ruby - 将差异补丁应用于字符串/文件 - 2

    对于具有离线功能的智能手机应用程序，我正在为Xml文件创建单向文本同步。我希望我的服务器将增量/差异(例如GNU差异补丁)发送到目标设备。这是计划:Time=0Server:hasversion_1ofXmlfile(~800kiB)Client:hasversion_1ofXmlfile(~800kiB)Time=1Server:hasversion_1andversion_2ofXmlfile(each~800kiB)computesdeltaoftheseversions(=patch)(~10kiB)sendspatchtoClient(~10kiBtransferred)Cl

  4. ruby - 使用 Vim Rails，您可以创建一个新的迁移文件并一次性打开它吗？ - 2

    使用带有Rails插件的vim，您可以创建一个迁移文件，然后一次性打开该文件吗？textmate也可以这样吗？ 最佳答案 你可以使用rails.vim然后做类似的事情::Rgeneratemigratonadd_foo_to_bar插件将打开迁移生成的文件，这正是您想要的。我不能代表textmate。 关于ruby-使用VimRails，您可以创建一个新的迁移文件并一次性打开它吗？，我们在StackOverflow上找到一个类似的问题： https://sta

  5. ruby - 我可以使用 Ruby 从 CSV 中删除列吗？ - 2

    查看Ruby的CSV库的文档，我非常确定这是可能且简单的。我只需要使用Ruby删除CSV文件的前三列，但我没有成功运行它。 最佳答案 csv_table=CSV.read(file_path_in,:headers=>true)csv_table.delete("header_name")csv_table.to_csv#=>ThenewCSVinstringformat检查CSV::Table文档:http://ruby-doc.org/stdlib-1.9.2/libdoc/csv/rdoc/CSV/Table.html

  6. ruby-on-rails - Rails 应用程序之间的通信 - 2

    我构建了两个需要相互通信和发送文件的Rails应用程序。例如，一个Rails应用程序会发送请求以查看其他应用程序数据库中的表。然后另一个应用程序将呈现该表的json并将其发回。我还希望一个应用程序将存储在其公共(public)目录中的文本文件发送到另一个应用程序的公共(public)目录。我从来没有做过这样的事情，所以我什至不知道从哪里开始。任何帮助，将不胜感激。谢谢! 最佳答案 无论Rails是什么，几乎所有Web应用程序都有您的要求，大多数现代Web应用程序都需要相互通信。但是有一个小小的理解需要你坚持下去，网站不应直接访问彼此

  7. ruby - 无法运行 Rails 2.x 应用程序 - 2

    我尝试运行2.x应用程序。我使用rvm并为此应用程序设置其他版本的ruby​​:$rvmuseree-1.8.7-head我尝试运行服务器，然后出现很多错误:$script/serverNOTE:Gem.source_indexisdeprecated,useSpecification.Itwillberemovedonorafter2011-11-01.Gem.source_indexcalledfrom/Users/serg/rails_projects_terminal/work_proj/spohelp/config/../vendor/rails/railties/lib/r

  8. ruby-on-rails - Rails 应用程序中的 Rails : How are you using application_controller. rb 是新手吗？ - 2

    刚入门rails，开始慢慢理解。有人可以解释或给我一些关于在application_controller中编码的好处或时间和原因的想法吗？有哪些用例。您如何为Rails应用程序使用应用程序Controller？我不想在那里放太多代码，因为据我了解，每个请求都会调用此Controller。这是真的？ 最佳答案 ApplicationController实际上是您应用程序中的每个其他Controller都将从中继承的类(尽管这不是强制性的)。我同意不要用太多代码弄乱它并保持干净整洁的态度，尽管在某些情况下ApplicationContr

  9. ruby - 我可以使用 aws-sdk-ruby 在 AWS S3 上使用事务性文件删除/上传吗？ - 2

    我发现ActiveRecord::Base.transaction在复杂方法中非常有效。我想知道是否可以在如下事务中从AWSS3上传/删除文件:S3Object.transactiondo#writeintofiles#raiseanexceptionend引发异常后，每个操作都应在S3上回滚。S3Object这可能吗？？ 最佳答案 虽然S3API具有批量删除功能，但它不支持事务，因为每个删除操作都可以独立于其他操作成功/失败。该API不提供任何批量上传功能(通过PUT或POST)，因此每个上传操作都是通过一个独立的API调用完成的

  10. ruby-on-rails - 如何在我的 Rails 应用程序 View 中打印 ruby​​ 变量的内容？ - 2

    我是一个Rails初学者，但我想从我的RailsView(html.haml文件)中查看Ruby变量的内容。我试图在ruby​​中打印出变量(认为它会在终端中出现)，但没有得到任何结果。有什么建议吗？我知道Rails调试器，但更喜欢使用inspect来打印我的变量。 最佳答案 您可以在View中使用puts方法将信息输出到服务器控制台。您应该能够在View中的任何位置使用Haml执行以下操作:-puts@my_variable.inspect 关于ruby-on-rails-如何在我的R

随机推荐