Phần thú vị khi tạo các ứng dụng Giao diện người dùng đồ họa [GUI] là chúng ta có thể tùy chỉnh chúng theo cách mình muốn. Có nhiều tính năng khác nhau có sẵn để tùy chỉnh, từ phông chữ của văn bản đến màu nền. Trong hướng dẫn sau, chúng ta sẽ tìm hiểu cách xây dựng đồng hồ kỹ thuật số bằng thư viện Tkinter bằng ngôn ngữ lập trình Python
Vậy hãy bắt đầu
Điều kiện tiên quyết cho dự án
Để xây dựng Đồng hồ số với GUI bằng Python, chúng ta sẽ cần các mô-đun sau
- tkinter. Mô-đun tkinter sẽ cho phép chúng tôi cung cấp cho ứng dụng Giao diện người dùng đồ họa [GUI]
- Thời gian. Mô-đun thời gian sẽ cho phép chúng tôi làm việc với thời gian
Vì cả hai mô-đun này đều được cài đặt sẵn Python nên chúng tôi không cần phải cài đặt riêng chúng
Xây dựng Đồng hồ kỹ thuật số bằng GUI trong Python
Quy trình xây dựng Đồng hồ số trong Python được chia thành nhiều bước để hiểu rõ hơn. Các bước chúng ta sẽ cần thực hiện như sau
Bước 1. Chúng tôi sẽ bắt đầu bằng cách nhập các mô-đun cần thiết
Bước 2. Sau đó, chúng tôi sẽ xác định chức năng để hiển thị thời gian hiện tại
Bước 3. Sau đó chúng ta sẽ tạo một cửa sổ chính cho ứng dụng
Bước 4. Chúng tôi sẽ thêm các vật dụng vào cửa sổ
Bây giờ chúng ta hãy hiểu chi tiết các bước này
Nhập các mô-đun cần thiết
Đầu tiên, chúng tôi sẽ nhập tất cả các mô-đun cần thiết để giúp chúng tôi xây dựng dự án này. Các mô-đun này bao gồm mô-đun tkinter để thêm giao diện người dùng đồ họa vào ứng dụng và mô-đun thời gian để làm việc với ngày tháng
Chúng ta hãy xem xét đoạn mã sau minh họa tương tự
Tập tin. clock_gui. py
Giải trình
Trong đoạn mã trên, chúng tôi đã nhập tất cả các mô-đun và tiện ích con từ tkinter để cung cấp GUI cho ứng dụng. Chúng tôi cũng đã nhập mô-đun thời gian để hiển thị thời gian
Định nghĩa hàm hiển thị thời gian hiện tại
Bây giờ chúng ta sẽ định nghĩa một hàm cho phép chúng ta hiển thị thời gian hiện tại bất cứ khi nào chương trình được thực thi. Hàm này sẽ sử dụng phương thức strftime[] của mô-đun tkinter để biểu thị thời gian hiện tại ở định dạng chuỗi. Sau đó, chúng tôi sẽ chuyển đổi thời gian 24 giờ thành thời gian 12 giờ và đặt giá trị là AM hoặc PM trong nhãn theo yêu cầu. Chúng tôi cũng sẽ chèn các giá trị được đánh giá vào các nhãn mà chúng tôi tạo sau này
Chúng ta hãy xem xét đoạn mã sau minh họa tương tự
Tập tin. clock_gui. py
Giải trình
Trong đoạn mã trên, chúng ta đã định nghĩa một hàm là display_time[]. Trong chức năng này, chúng tôi đã sử dụng phương thức strftime[] của mô-đun thời gian để biểu thị thời gian hiện tại ở định dạng chuỗi và tách thời gian thành giờ, phút và giây và lưu trữ chúng trong các biến khác nhau. Sau đó, chúng tôi đã sử dụng câu lệnh điều kiện if-else để kiểm tra xem phạm vi giờ từ 12 đến 24 và phút có lớn hơn hoặc bằng 0 hay không, sau đó đặt giá trị của nhãn meridiem_label thành PM. Nếu không, chúng tôi đã đặt giá trị của nhãn meridiem_label thành AM. Sau đó, chúng tôi đã sử dụng câu lệnh điều kiện if-elif để chuyển đổi định dạng 24 giờ thành định dạng 12 giờ bằng cách trừ 12 từ giờ nằm trong khoảng từ 13 đến 24. Chúng tôi cũng đã đặt giá trị của giờ thành 12 trong trường hợp giờ là 0. Sau đó, chúng tôi đã sử dụng phương thức config[] của mô-đun tkinter để đặt văn bản của các nhãn hiển thị giờ, phút và giây thành giá trị mà chúng tôi đã đánh giá trước đó. Cuối cùng, chúng ta đã gọi phương thức after[] để gọi hàm display_time[] sau mỗi 200 mili giây
Tạo cửa sổ chính của ứng dụng
Bây giờ chúng ta đã xác định chức năng cần thiết, đã đến lúc tạo cửa sổ chính của ứng dụng để hiển thị hoạt động của chức năng. Chúng ta có thể tạo một cửa sổ bằng cách khởi tạo lớp Tk[] của mô-đun tkinter. Sau đó, chúng tôi sẽ đặt tiêu đề thích hợp cho cửa sổ cùng với kích thước và vị trí của cửa sổ. Chúng tôi cũng sẽ thêm một biểu tượng và định cấu hình màu nền của cửa sổ. Chúng ta hãy xem xét đoạn mã sau minh họa tương tự
Tập tin. clock_gui. py
Giải trình
Trong đoạn mã trên, chúng ta đã tạo một đối tượng của lớp Tk[] là gui_root đại diện cho cửa sổ chính của ứng dụng. Sau đó, chúng tôi đã sử dụng phương thức title[] để đặt tiêu đề của cửa sổ. Chúng tôi cũng đã sử dụng phương thức hình học [] để đặt kích thước và vị trí của cửa sổ trên màn hình. Sau đó, chúng tôi đã tắt tùy chọn có thể thay đổi kích thước bằng cách đặt các giá trị của phương thức có thể thay đổi kích thước [] thành 0. Chúng tôi cũng đã định cấu hình màu nền thành #2C3C3F bằng cách đặt nó làm giá trị của tham số bg trong phương thức config[]. Cuối cùng, chúng tôi đã đặt biểu tượng của cửa sổ với sự trợ giúp của phương thức iconbitmap[] chỉ định địa chỉ của tệp ICO có trong thư mục
Thêm widget vào cửa sổ chính
Bây giờ chúng ta sẽ thêm một số widget vào cửa sổ để hiển thị dữ liệu cho người dùng. Các vật dụng này bao gồm một số khung và nhãn. Các khung sẽ cung cấp một cấu trúc được xác định rõ ràng để đặt các vật dụng khác trên cửa sổ, trong khi các nhãn sẽ hiển thị tiêu đề và thời gian
Hãy để chúng tôi hiểu chi tiết việc triển khai các vật dụng này, như được hiển thị bên dưới
Thêm khung
Chúng tôi sẽ bắt đầu bằng cách thêm một số khung vào cửa sổ chính với sự trợ giúp của tiện ích Frame[] do mô-đun tkinter cung cấp. Các khung này sẽ cung cấp hỗ trợ cho các vật dụng khác. Sau đó chúng ta sẽ sử dụng phương thức pack[] để thiết lập vị trí của các khung này trên cửa sổ
Chúng ta hãy xem xét đoạn mã sau thể hiện điều tương tự
Tập tin. clock_gui. py
Giải trình
Trong đoạn mã trên, chúng tôi đã thêm các khung bằng cách sử dụng tiện ích Frame[] của mô-đun tkinter và đặt tham số chính của chúng thành gui_root, đối tượng của lớp Tk[] mà chúng tôi đã tạo trước đó. Chúng tôi cũng đã đặt màu nền của chúng thành #2C3C3F. Cuối cùng, chúng tôi đã sử dụng phương thức pack[] để đặt vị trí của các khung này trên màn hình cửa sổ
Thêm Widget vào khung header_frame
Bây giờ chúng ta sẽ thêm nhãn vào khung header_frame để hiển thị tiêu đề. Chúng ta có thể thêm nhãn bằng cách sử dụng tiện ích Nhãn [] được cung cấp bởi mô-đun tkinter. Chúng tôi cũng sẽ sử dụng phương thức pack[] để đặt vị trí của nhãn này trên màn hình cửa sổ
Chúng ta hãy xem xét đoạn mã sau minh họa tương tự
Tập tin. clock_gui. py
Giải trình
Trong đoạn mã trên, chúng tôi đã sử dụng tiện ích Nhãn [] của mô-đun tkinter để thêm nhãn vào cửa sổ và đặt tham số chính của nó thành header_frame, một khung chúng tôi đã tạo trước đó. Chúng tôi cũng đã đặt văn bản mà nhãn này sẽ hiển thị cùng với kiểu và kích thước phông chữ. Chúng tôi cũng đã định cấu hình màu nền và màu nền trước của nhãn. Cuối cùng, chúng ta đã sử dụng phương thức pack[] để đặt vị trí của nhãn trên màn hình cửa sổ
Thêm Widget vào khung body_frame
Bây giờ chúng ta sẽ thêm một số nhãn vào khung body_frame để hiển thị thời gian. Chúng ta sẽ lại sử dụng tiện ích Label[] của mô-đun tkinter để thêm nhãn vào cửa sổ. Chúng tôi cũng sẽ sử dụng phương thức grid[] để đặt vị trí của các nhãn này ở dạng lưới trên cửa sổ chính
Chúng ta hãy xem xét đoạn mã triển khai sau đây của cùng một
Tập tin. clock_gui. py
Giải trình
Trong đoạn mã trên, chúng tôi đã sử dụng tiện ích Nhãn [] của mô-đun tkinter để thêm một số nhãn vào cửa sổ hiển thị các thành phần khác nhau của đồng hồ như giờ, phút, giây, AM hoặc PM theo thời gian và . Chúng tôi đã đặt tham số chính của các nhãn này thành body_frame, một khung khác mà chúng tôi đã tạo trước đó. Chúng tôi cũng đã đặt văn bản mà các nhãn này sẽ hiển thị cùng với kiểu và kích cỡ phông chữ. Chúng tôi cũng đã định cấu hình màu nền và màu nền trước của nhãn. Cuối cùng, chúng ta đã sử dụng phương thức grid[] để đặt vị trí của nhãn trên màn hình cửa sổ
Chạy ứng dụng
Khi chúng tôi đã thêm thành công tất cả các tiện ích cần thiết, đã đến lúc gọi hàm display_time[] mà chúng tôi đã xác định trước đó và sử dụng phương thức mainloop[] để chạy ứng dụng
Chúng ta hãy xem xét đoạn mã sau minh họa tương tự
Tập tin. clock_gui. py
Giải trình
Trong đoạn mã trên, chúng ta đã gọi hàm display_time[] để khởi động đồng hồ. Sau đó chúng ta đã sử dụng phương thức mainloop[] với đối tượng của lớp Tk[], tôi. e. , gui_root, để chạy ứng dụng
Phần mã hóa của ứng dụng đã hoàn thành. Chúng tôi sẽ lưu tệp dự án Python và gõ lệnh sau vào dấu nhắc lệnh hoặc thiết bị đầu cuối để thực thi chương trình
cú pháp
Trước khi xem đầu ra, chúng ta hãy xem xét mã hoàn chỉnh của dự án 'Đồng hồ kỹ thuật số sử dụng Tkinter'