Bạn có thể tạo một gui với python không?

Xin chào các nhà phát triển, tôi là Yash Makan và hôm nay chúng ta sẽ thảo luận về cách bạn có thể tạo các ứng dụng UI đẹp mắt trong python. Tôi biết rằng điều này nghe có vẻ hơi kỳ lạ khi tôi nói "giao diện người dùng đẹp" cùng với ngữ cảnh của python vì cá nhân tôi cảm thấy rằng thư viện Tkinter tiêu chuẩn không đủ tốt để phát triển giao diện người dùng tuyệt vời. Hôm nay chúng ta sẽ đề cập đến 4 cách khác nhau để tạo các ứng dụng hiện đại trong python, vì vậy chúng ta hãy bắt đầu ngay thôi,

Trước

Sau

1. Sử dụng lươn

Phương pháp đầu tiên trong danh sách của chúng tôi dành cho các nhà phát triển biết HTML & CSS [nếu bạn không biết thì tôi cũng khuyên bạn nên sử dụng nó] với kiến ​​thức cơ bản về javascript

Làm thế nào nó hoạt động?

Về cơ bản, bạn sẽ phát triển giao diện người dùng bằng HTML và CSS và viết phần tính toán hoặc phần phụ trợ của bạn bằng python. lươn thứ đóng vai trò là cầu nối giữa python và javascript và truyền dữ liệu

Cài đặt

pip install Eel

Vào chế độ toàn màn hình Thoát chế độ toàn màn hình

Cấu trúc thư mục

└── Folder
    ├── templates
    |   ├── index.html
    |   ├── main.js
    |   └── style.css
    └── main.py

Vào chế độ toàn màn hình Thoát chế độ toàn màn hình

con mèo chính. py

import eel

# name of folder where the html, css, js, image files are located
eel.init['templates']

@eel.expose
def demo[x]:
    return x**2

# 1000 is width of window and 600 is the height
eel.start['index.html', size=[1000, 600]]

Vào chế độ toàn màn hình Thoát chế độ toàn màn hình

con mèo chính. js

function compute[] {
    var data = document.getElementById["data"].value
    eel.demo[data][setValue] // call the demo function which we have created in the main.py file
}

function setValue[res] {
    document.getElementById["abc"].src = res
}

Vào chế độ toàn màn hình Thoát chế độ toàn màn hình

chỉ số mèo. html

    
    sample
        
        

Vào chế độ toàn màn hình Thoát chế độ toàn màn hình

Tài liệu tham khảo Github

Vào chế độ toàn màn hình Thoát chế độ toàn màn hình

2. Figma và Python

Được rồi, bạn phải nghĩ rằng sự kết hợp giữa Figma và trăn là gì? . Ừ. Tôi biết bạn đúng, nhưng hãy tiếp tục đọc bài viết

Cài đặt

pip install tkdesigner

Vào chế độ toàn màn hình Thoát chế độ toàn màn hình

Làm thế nào nó hoạt động

Điều duy nhất người dùng cần làm là thiết kế giao diện với Figma, sau đó dán URL tệp Figma và mã thông báo API vào Tkinter Designer. Tkinter Designer sẽ tự động tạo tất cả mã và hình ảnh cần thiết để tạo GUI trong Tkinter

Để biết quy trình hoàn chỉnh, hãy xem video này trên youtube từ Parth Jadhav

Tài liệu tham khảo Github

//github.com/ParthJadhav/Tkinter-Designer

Vào chế độ toàn màn hình Thoát chế độ toàn màn hình

3. Pywebview

pywebview là trình bao bọc nhẹ đa nền tảng xung quanh thành phần chế độ xem web cho phép hiển thị nội dung HTML trong cửa sổ GUI gốc của riêng nó. pywebview được tạo bởi Roman Sirokov

Cài đặt

________số 8

Vào chế độ toàn màn hình Thoát chế độ toàn màn hình

mã mẫu

import webview

if __name__ == '__main__':
    window = webview.create_window['Load HTML Example', 'index.html']
    webview.start[window]

Vào chế độ toàn màn hình Thoát chế độ toàn màn hình

Tài liệu tham khảo Github

└── Folder
    ├── templates
    |   ├── index.html
    |   ├── main.js
    |   └── style.css
    └── main.py

Vào chế độ toàn màn hình Thoát chế độ toàn màn hình

4. PyQT5

PyQt là một thư viện tuyệt vời để phát triển GUI phẳng hiện đại trong python. Bạn có thể tạo các ứng dụng bằng mã hóa trong python, điều này có thể hơi khó khăn và quá sức nhưng vì chúng tôi đang đề cập đến cách dễ nhất có thể, bạn thậm chí có thể tạo GUI bằng trình tạo kéo thả được gọi là PyQt5Designer. Đó là một cách tuyệt vời để xây dựng các ứng dụng bằng cách tạo ra một. ui là chương trình kéo-thả và sau đó bạn có thể chuyển đổi tệp này. tập tin ui vào một. tập tin py

Cài đặt

└── Folder
    ├── templates
    |   ├── index.html
    |   ├── main.js
    |   └── style.css
    └── main.py

Vào chế độ toàn màn hình Thoát chế độ toàn màn hình

bước

Sau khi cài đặt, trình thiết kế sẽ được cài đặt trong hệ thống của bạn. Chỉ cần gõ

└── Folder
    ├── templates
    |   ├── index.html
    |   ├── main.js
    |   └── style.css
    └── main.py

Bây giờ ở đây bạn có thể kéo-thả các phần tử trong canvas. Sau khi thiết kế ứng dụng của bạn, chỉ cần xuất nó dưới dạng. tập tin giao diện người dùng. Sau này bạn có thể chuyển đổi này. tập tin ui trong. tệp py bằng cách sử dụng,

└── Folder
    ├── templates
    |   ├── index.html
    |   ├── main.js
    |   └── style.css
    └── main.py

Vào chế độ toàn màn hình Thoát chế độ toàn màn hình

Sự kết luận

Vì vậy, bạn thấy đấy, đây là 4 cách dễ dàng để tạo GUI trông ấn tượng trong python. Tôi hy vọng bạn thích blog của tôi và nếu bài viết này thêm bất kỳ giá trị nào thì sẽ thật tuyệt nếu bạn để lại một lượt thích và nhớ đánh dấu nó nữa. Ngoài ra, hãy chia sẻ bài đăng với bạn bè của bạn để họ cũng có thể học được điều gì đó mới [đừng ích kỷ. ]. Ngoài ra, bạn có thể theo dõi tôi trên Twitter để biết thêm nội dung liên quan đến công nghệ và python. Hy vọng sẽ lại ở trong tâm trí của bạn, cho đến lúc đó b-bye