Saviez-vous que vous pouvez créer des applications Flutter à l'aide de Python ?

Auteur | Valentine Enedah

Traducteur | Wang Dexin

Flutter est très populaire dans le domaine du développement de logiciels. Plongeons aujourd'hui en profondeur dans le monde de la création d'applications Flutter avec Python !

À propos de FLET

Avant de commencer à apprendre, comprenons ce qu'est FLET ?

FLET permet aux développeurs de créer facilement des applications Web, mobiles et de bureau en temps réel via Python. Ce qui est encore plus fou, c'est que vous n'avez pas besoin d'une expérience frontale pour développer des applications Web stables, bien que la version mobile soit toujours disponible sous. développement.

1. Les fonctionnalités étonnantes de FLET

1. Propulsé par Flutter ; 2. Vous pouvez implémenter une application en quelques minutes ; 4. En plus de Python, d'autres langages seront pris en charge, tels que Allez, C#, etc.

Génial, non ? ?

2. Comment installer FLET

Veuillez utiliser la commande suivante pour installer FLET.

pipinstall flet

Remarque : cette commande convient aux versions inférieures à Python3.0. Si elle est supérieure à Python3.0, veuillez utiliser la commande suivante.

pip3install flet

N'oubliez pas de mettre à niveau votre pip vers la dernière version.

pipinstall -- upgrade pip

Une brève introduction à Flutter

Flutter, une boîte à outils d'interface utilisateur créée par Google, permet aux programmeurs de créer des applications avec des interfaces de première classe. Contrairement à Java, Flutter est programmé à l'aide de Dart, un langage orienté objet beaucoup plus simple à apprendre.

La nouvelle version de Flutter (3.4.0-34.1.Pre) nous permet de créer des applications mobiles (Android/IOS), MacOS, Web, Linux et de bureau avec un seul ensemble de code.

Remarque : lors de l'utilisation de plusieurs systèmes d'exploitation, certains ajustements d'adaptation sont nécessaires.

1. Utilisez FLET pour créer une application simple

Utilisons FLET pour créer une application simple, qui comprend :

Une zone de saisie de texte ;

Ajoutez et soustrayez deux boutons.

Extrait de code

Tout d'abord, nous devons importer FLET et d'autres fonctions (telles que des composants) essentielles au programme de compteur.

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

Nous avons défini la fonction principale et défini le titre Puisque la partie de base de l'application est prête, configurons les composants.

Pour ajouter un composant, nous utilisons page.add (widget…).

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

Ensuite, nous considérerons...

Boîtes de saisie et boutons

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

Ci-dessous, nous définissons deux fonctions qui gèrent les événements.

//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 fait référence à l'objet zone de saisie de texte que nous avons mis dans la ligne. Ensuite, nous devons utiliser la valeur dans la zone de texte et l'envelopper dans une variable. Le code complet est ci-dessous.

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)

La dernière étape consiste à exécuter l'application.

flet.app(target=main)

Nous avons ajouté une commande pour la fonction principale. Pour exécuter l'application, veuillez exécuter la commande suivante.

pythonfilename.py

Veuillez noter que la commande ci-dessus doit être exécutée dans le répertoire où se trouve le fichier Python.

2. Interface utilisateur

Comme je l'ai décrit dans la brève introduction à Flutter, le programme peut également être utilisé sur un navigateur Web.

De légers ajustements sont nécessaires pour cela, ajoutez simplement le code suivant.

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

Vous pouvez en savoir plus sur FLET à l'adresse suivante : https://flet.dev/docs/roadmap

Lien original :

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

Introduction au traducteur

Wang Dexin, rédacteur en chef de la communauté 51CTO, a 10 ans d'expérience dans la recherche sur l'industrie Internet et 6 ans d'expérience dans le secteur de l'enseignement et de la formation informatiques.

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!