マガジンのカバー画像

Pythonでプログラミング

307
運営しているクリエイター

#Flet

Fletを使ってみよう!- QRコードを作ってみよう!

Fletを使ってみよう!- QRコードを作ってみよう!

文字を入れるとQRコードができるアプリを作ります。

PythonでQRコードを作るには基本

import qrcode img = qrcode.make('作りたい文字、URLなど') img.save('画像の名前.png')

で作成できます。

これをFletで実装します。以下の動画を見ながら自分でも実装してみます。

How to G

もっとみる
Fletを使ってみよう!- Navigation(Navigation and Routing)

Fletを使ってみよう!- Navigation(Navigation and Routing)

画面遷移の仕組みですが、少し理解が必要です。
全体像としては以下のようになります。

import flet as ftdef main(page: ft.Page): page.title = "Routes Example" def route_change(route): page.views.clear() page.views.append(

もっとみる
Fletを使ってみよう!- いろんなView

Fletを使ってみよう!- いろんなView

ListViewimport flet as ftdef main(page: ft.Page): for i in range(5000): page.controls.append(ft.Text(f"Line {i}")) page.scroll = "always" page.update()ft.app(target=main, view=ft.AppVi

もっとみる
Fletを使ってみよう! - ToDoリスト(簡易)

Fletを使ってみよう! - ToDoリスト(簡易)

簡単なアプリ的なものを作ってみましょう。

公式サイトを見ながら実行してみましょう!

import flet as ftdef main(page): def add_clicked(e): page.add(ft.Checkbox(label=new_task.value)) new_task.value = "" new_task.focus(

もっとみる
Fletを使ってみよう!- 基本の部品

Fletを使ってみよう!- 基本の部品

Information Displaysのサイトより。

Textサイトの情報そのまま。いろんなテキストの修飾方法例示。

import flet as ftdef main(page: ft.Page): page.title = "Text custom styles" page.scroll = "adaptive" page.add( ft.Text("Si

もっとみる
Fletを使ってみよう!-構造の基本

Fletを使ってみよう!-構造の基本

Hello worldの次です。

公式サイトを見ながら構造的まものから見ていきましょう。ここではVScodeを使って実行していきます。

まずレイアウトですね。

いろいろ書いてありますが、わかりやすいところから試していきます。

Container ・・・ 表示枠簡単にいうと四角で囲っていきます。

import flet as ftdef main(page: ft.Page): pa

もっとみる
"Flet"ってなんだ?

"Flet"ってなんだ?

Fletは

FlutterをPythonで使うために使われるものです。Flutterを直接使わなくてもいろんなデバイスで使えるアプリができる優れものです。鋭意開発が続いているみたいです。

PythonでGUIといえばTkinterがありますがUIが少し古い感じがします。こちらFletでは今っぽいUIとなっているのでこちらのほうがおすすめです。

UIも良い、しかもクロスプラットホームになってい

もっとみる