Bạn có biết bạn có thể xây dựng các ứng dụng rung động bằng Python không? 😮

Flutter khá phổ biến trong thế giới phát triển phần mềm.

Hãy đi sâu vào thế giới xây dựng các ứng dụng rung động với Python! 🙂

Về FLET

Trước khi chúng ta bắt đầu, FLET là gì?

FLET cho phép các nhà phát triển dễ dàng xây dựng các ứng dụng web, thiết bị di động và máy tính để bàn trong thời gian thực bằng Python.

Điều điên rồ là không cần trải nghiệm front-end và mặc dù phiên bản dành cho thiết bị di động vẫn đang được phát triển, chúng ta vẫn có thể dựa vào Ứng dụng web tiến bộ.

Các tính năng đáng chú ý của FLET

1. Nó được cung cấp bởi sự rung chuyển.
2. Bạn có thể biến một ứng dụng trở nên sống động trong vài phút.
3. Nó có một kiến trúc đơn giản.
4. Ngoài Python, các ngôn ngữ khác như Go, C #, v.v. cũng sẽ được hỗ trợ.

Thật tuyệt vời phải không ?? 🙂🔥

Cách cài đặt FLET

Để cài đặt FLET, bạn sử dụng lệnh sau:

pip install flet

Hãy nhớ: Điều này dành cho những người sử dụng phiên bản Python nhỏ hơn phiên bản 3.

Nếu không thì,

pip3 install flet

Để nâng cấp pip của bạn lên phiên bản mới nhất.

pip install -- upgrade pip

Tìm hiểu sơ qua về Flutter 🏊‍♀️

Bộ công cụ giao diện người dùng Flutter , do Google tạo ra, cho phép các lập trình viên tạo ứng dụng với giao diện người dùng hàng đầu. Trái ngược với chính Java, Flutter sử dụng lập trình Dart, một ngôn ngữ hướng đối tượng đơn giản hơn nhiều để học.

Đối với phiên bản Flutter mới (3.4.0-34.1.pre), chúng tôi có thể xây dựng các ứng dụng dành cho thiết bị di động (Android / IOS), MacOS, Web, Linux và máy tính để bàn với một cơ sở mã duy nhất.

Lưu ý: Khi sử dụng nhiều hệ điều hành, rõ ràng chúng ta cần có những điều chỉnh nhất định.

Xây dựng một ứng dụng rất đơn giản với FLET

Hãy xây dựng một ứng dụng đơn giản với FLET.

Ví dụ: một ứng dụng Bộ đếm có

1. Một trường văn bản
2. Hai nút tăng và giảm

Đoạn mã

Đầu tiên, chúng ta cần nhập FLET và các tính năng khác cần thiết cho Ứng dụng bộ đếm (ví dụ: widget).

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

Chúng tôi xác định chức năng chính là gốc của ứng dụng của chúng tôi và cũng đặt tiêu đề.

Hãy sắp xếp các widget vì phần cơ sở của ứng dụng đã sẵn sàng.

Để thêm một widget, chúng tôi sử dụng page.add (widget… ..).

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

Đối với các hàng của ứng dụng, chúng tôi sẽ xem xét…

Trường văn bản và các nút

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

Bây giờ, Chúng tôi xác định hai chức năng sẽ xử lý các sự kiện báo chí.

 //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' đề cập đến trường Văn bản mà chúng tôi đã đặt vào Hàng. Điều tiếp theo, chúng ta đã sử dụng giá trị trường văn bản, chúng ta phải bọc nó trong chính một biến.

Đây là đoạn mã tổng thể:

 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)

Phần cuối cùng là chạy ứng dụng.

flet.app(target=main)

Chúng tôi thêm lệnh này để nhắm mục tiêu trực tiếp đến "chính"

Để chạy ứng dụng, hãy nhập lệnh này

python filename.py

Lưu ý rằng bạn phải ở cùng thư mục với tệp.

Giao diện người dùng:

Như tôi đã trình bày trong phần Tìm hiểu sơ lược về Flutter , nó cũng có thể được sử dụng trên trình duyệt web của bạn.

Một điều chỉnh nhỏ là cần thiết cho điều đó; chỉ cần thêm

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

Đây là kết quả cuối cùng

Bạn có thể tìm hiểu thêm về FLET tại đây:

https://flet.dev/docs/roadmap