Python을 사용하여 Flutter 앱을 빌드할 수 있다는 것을 알고 계셨나요?

저자 | Valentine Enedah

번역자 | Wang Dexin

Flutter는 소프트웨어 개발 분야에서 매우 인기가 높습니다. 오늘은 Python을 사용하여 Flutter 애플리케이션을 구축하는 세계에 대해 자세히 살펴보겠습니다.

About FLET

배우기에 앞서 FLET이 무엇인지 알아볼까요?

FLET을 사용하면 개발자가 Python을 통해 실시간 웹, 모바일 및 데스크톱 애플리케이션을 쉽게 구축할 수 있습니다. 더욱 놀라운 점은 안정적인 웹 애플리케이션을 개발하기 위해 프런트엔드 경험이 필요하지 않다는 것입니다. 개발.

1. FLET의 놀라운 기능

1. Powered by Flutter 2. 간단한 소프트웨어 아키텍처 4. Python 외에도 다음과 같은 언어가 지원됩니다. Go, C# 등

대박이죠? ?

2. FLET 설치 방법

FLET를 설치하려면 다음 명령을 사용하세요.

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)을 사용하면 하나의 코드 세트로 모바일(Android/IOS), MacOS, 웹, Linux 및 데스크톱 애플리케이션을 구축할 수 있습니다.

참고: 여러 운영 체제를 사용하는 경우 일부 적응 조정이 필요합니다.

1. FLET을 사용하여 간단한 애플리케이션 구축

FLET을 사용하여 다음이 포함된 간단한 애플리케이션을 구축해 보겠습니다.

텍스트 입력 상자

두 개의 버튼을 추가하고 뺍니다.

코드 스니펫

먼저 카운터 프로그램에 필수적인 FLET 및 기타 기능(예: 구성 요소)을 가져와야 합니다.

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

주요 기능을 정의하고 제목을 설정했습니다. 애플리케이션의 기본 부분은 준비되었으므로 구성 요소를 설정해 보겠습니다.

구성요소를 추가하려면 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")
)

아래에서는 이벤트를 처리하는 두 가지 함수를 정의합니다.

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

메인 기능에 대한 명령어를 추가했습니다. 애플리케이션을 실행하려면 다음 명령어를 실행해 주세요.

pythonfilename.py

위 명령은 반드시 Python 파일이 위치한 디렉터리에서 실행되어야 한다는 점 참고해주세요.

2. 사용자 인터페이스

Flutter에 대한 간략한 소개 섹션에서 설명했듯이 이 프로그램은 웹 브라우저에서도 사용할 수 있습니다.

이를 위해서는 약간의 조정이 필요합니다. 다음 코드를 추가하면 됩니다.

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

다음 주소에서 FLET에 대해 자세히 알아볼 수 있습니다: https://flet.dev/docs/roadmap

원본 링크:

​​//m.sbmmt.com/link/ 68fc266c3090819707d3c4c6cdcc1ed5​ ​

번역가 소개

51CTO 커뮤니티 편집자인 Wang Dexin은 인터넷 산업 연구 분야에서 10년, IT 교육 및 훈련 분야에서 6년의 경력을 가지고 있습니다.

위 내용은 Python을 사용하여 Flutter 앱을 빌드할 수 있다는 것을 알고 계셨나요?의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!