Python を使用して Flutter アプリを構築できることをご存知ですか?

著者 | Valentine Enedah

翻訳者 | Wang Dezhen

Flutter はソフトウェア開発の分野で非常に人気があります。今日は、Flutter アプリケーション構築の世界を深く掘り下げてみましょう。パイソン！

フレッツについて

学習を始める前に、フレッツとは何なのか理解しましょう。

FLET を使用すると、開発者は Python を介してリアルタイムの Web、モバイル、およびデスクトップ アプリケーションを簡単に構築できます。さらにすごいのは、安定した Web アプリケーションを開発するためにフロントエンドの経験が必要ないことです。モバイル バージョンとはいえまだ開発中です。

1. FLET の素晴らしい機能

1. Flutter を利用; 2. 数分で APP を実装できます; 3. シンプルなソフトウェア アーキテクチャ; 4. Python を除き、およびGo、C# などの他の言語をサポートします。

すごいですね? ?

2.フレッツのインストール方法

以下のコマンドを使用してフレッツをインストールしてください。

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) を使用すると、1 セットのコードでモバイル (Android/IOS)、MacOS、Web、Linux、およびデスクトップ アプリケーションを構築できます。

注: 複数のオペレーティング システムを使用する場合、適応調整が必要になります。

1. FLET を使用して単純なアプリケーションを構築する

FLET を使用して、次のような単純なアプリケーションを構築しましょう:

テキスト入力ボックス;

2 つのボタンを追加または削除します。

コード スニペット

まず、カウンター プログラムに必要な FLET およびその他の機能 (コンポーネントなど) をインポートする必要があります。

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

main関数の定義とタイトルの設定が完了しましたので、アプリケーションの基本部分が完成したので、コンポーネントを設定していきます。

コンポーネントを追加するには、page.add (ウィジェット...) を使用します。

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")
)

以下では、イベントを処理する 2 つの関数を定義します。

//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 ://www.php.cn/link/68fc266c3090819707d3c4c6cdcc1ed5

翻訳者紹介

Wang Dezhen、51CTO コミュニティ編集者、インターネット制作経験 10 年IT 教育およびトレーニング業界での 6 年間の研究経験。

以上がPython を使用して Flutter アプリを構築できることをご存知ですか?の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。