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

WBOY
Freigeben: 2023-05-11 10:43:05
nach vorne
1636 Leute haben es durchsucht

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
Nach dem Login kopieren

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
Nach dem Login kopieren

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

pipinstall -- upgrade pip
Nach dem Login kopieren

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; 
Nach dem Login kopieren

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"
Nach dem Login kopieren

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")
)
Nach dem Login kopieren

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()
Nach dem Login kopieren

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)
Nach dem Login kopieren

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

flet.app(target=main)
Nach dem Login kopieren

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
Nach dem Login kopieren

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

2. Benutzeroberfläche

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

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

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) 
Nach dem Login kopieren

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!

Verwandte Etiketten:
Quelle:51cto.com
Erklärung dieser Website
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn
Beliebte Tutorials
Mehr>
Neueste Downloads
Mehr>
Web-Effekte
Quellcode der Website
Website-Materialien
Frontend-Vorlage