Wussten Sie, dass Sie Flutter-Apps mit Python erstellen können?

Autor |. Valentine Enedah

Übersetzer |. Wang Dexin

Flutter ist im Bereich der Softwareentwicklung sehr beliebt. Lassen Sie uns heute tief in die Welt der Erstellung von Flutter-Anwendungen eintauchen!

Über FLET

Bevor Sie mit dem Lernen beginnen, wollen wir verstehen, was FLET ist?

FLET ermöglicht Entwicklern die einfache Erstellung von Web-, Mobil- und Desktop-Anwendungen in Echtzeit. Was noch verrückter ist, ist, dass Sie keine Front-End-Erfahrung benötigen, um stabile Webanwendungen zu entwickeln Entwicklung.

1. Die erstaunlichen Funktionen von FLET

1. Sie können eine APP in wenigen Minuten implementieren. 4. Neben Python werden auch andere Sprachen unterstützt Go, C# usw.

Super, oder? ?

2. So installieren Sie FLET

Bitte verwenden Sie den folgenden Befehl, um FLET zu installieren.

pipinstall flet

Hinweis: Dieser Befehl ist für Versionen unter Python3.0 geeignet. Wenn es sich um Python3.0 oder höher handelt, verwenden Sie bitte den folgenden Befehl.

pip3install flet

Denken Sie daran, Ihr Pip auf die neueste Version zu aktualisieren.

pipinstall -- upgrade pip

Eine kurze Einführung in Flutter

Flutter, ein von Google erstelltes UI-Toolkit, ermöglicht es Programmierern, Anwendungen mit erstklassigen Schnittstellen zu erstellen. Im Gegensatz zu Java wird Flutter mit Dart programmiert, einer objektorientierten Sprache, die viel einfacher zu erlernen ist.

Mit der neuen Flutter-Version (3.4.0-34.1.Pre) können wir mobile (Android/IOS), MacOS-, Web-, Linux- und Desktop-Anwendungen mit einem Codesatz erstellen.

Hinweis: Bei Verwendung mehrerer Betriebssysteme sind einige Anpassungsanpassungen erforderlich.

1. Verwenden Sie FLET, um eine einfache Anwendung zu erstellen.

Lassen Sie uns FLET verwenden, um eine einfache Anwendung zu erstellen, die Folgendes enthält:

Ein Texteingabefeld;

Zwei Schaltflächen hinzufügen und subtrahieren.

Code-Snippet

Zunächst müssen wir FLET und andere Funktionen (z. B. Komponenten) importieren, die für das Zählerprogramm unerlässlich sind.

import fletfrom flet import Row, icons, IconButton, TextField, Page; 

Wir haben die Hauptfunktion definiert und den Titel festgelegt. Da der grundlegende Teil der Anwendung fertig ist, richten wir die Komponenten ein.

Um eine Komponente hinzuzufügen, verwenden wir page.add (Widget…).

def main(page: Page):
page.title= "Counter App"
page.vertical_alignment= "center"

Als nächstes betrachten wir...

Eingabefelder und Schaltflächen

page.add(Row([
IconButton(icons.REMOVE),
TextField(text_align="center",value="0", width=100)
IconButton(icons.ADD)
],
alignment="center")
)

Nachfolgend definieren wir zwei Funktionen, die Ereignisse verarbeiten.

//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 bezieht sich auf das Texteingabefeldobjekt, das wir in die Zeile einfügen. Als nächstes müssen wir den Wert im Textfeld verwenden und ihn in eine Variable einschließen.

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)

Der letzte Schritt besteht darin, die Anwendung auszuführen.

flet.app(target=main)

Wir haben einen Befehl für die Hauptfunktion hinzugefügt. Um die Anwendung auszuführen, führen Sie bitte den folgenden Befehl aus.

pythonfilename.py

Bitte beachten Sie, dass der obige Befehl in dem Verzeichnis ausgeführt werden muss, in dem sich die Python-Datei befindet.

2. Benutzeroberfläche

Wie ich in der kurzen Einführung zu Flutter beschrieben habe, kann das Programm auch in einem Webbrowser verwendet werden.

Hierfür sind geringfügige Anpassungen erforderlich. Fügen Sie einfach den folgenden Code hinzu.

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

Mehr über FLET erfahren Sie unter der folgenden Adresse: https://flet.dev/docs/roadmap

Originallink:

​​https://www.php.cn/link/ 68fc266c3090819707d3c4c6cdcc1ed5​ ​

Übersetzer-Einführung

Wang Dexin, 51CTO-Community-Redakteur, verfügt über 10 Jahre Erfahrung in der Internetbranchenforschung und 6 Jahre Erfahrung in der IT-Bildungs- und Schulungsbranche.

Das obige ist der detaillierte Inhalt vonWussten Sie, dass Sie Flutter-Apps mit Python erstellen können?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!