[Cấp độ 2] Lập trình Python sử dụng Qt: QML

Phần 1. Bắt đầu bài giảng
Trước khi bài giảng bắt đầu, phần này cung cấp tổng quan về toàn bộ quá trình học tập. Phần này giới thiệu giảng viên và tóm tắt nội dung chính được trình bày trong mỗi phần, giúp bạn nắm bắt được mạch nội dung chung của bài giảng.

Mục 2. Tài liệu bài giảng
Phần này cung cấp tất cả các tệp mã nguồn ví dụ được sử dụng trong các bài giảng, bắt đầu từ Phần 3 , dưới dạng tệp nén để tải xuống. Phần này chỉ được cung cấp cho mục đích tham khảo, không phải là một phần của khóa học.

Phần 3. Thiết lập môi trường phát triển
Phần này sẽ đi sâu vào cách thiết lập môi trường phát triển cho lập trình Python bằng Qt. Chúng ta cũng sẽ tìm hiểu cách sử dụng Visual Studio Code làm IDE để viết mã nguồn.

Phần 4. QML là gì
QML là ngôn ngữ thông dịch được cung cấp bởi Qt Framework. Trong bài học này, chúng ta sẽ khám phá các tính năng và ưu điểm của QML.

Mục 5. Cú pháp và cấu trúc của QML
Phần này trình bày về cấu trúc và cú pháp của QML và cách sử dụng QML thông qua các ví dụ thực tế.

Mục 6. Loại
Kiểu là một khái niệm tương tự như QWidget của Qt. Trong phần này, chúng ta sẽ tìm hiểu về Kiểu và tập trung vào các kiểu được sử dụng phổ biến nhất do QML cung cấp. Để minh họa, chúng ta sẽ triển khai một kiểu nút bằng cách sử dụng kiểu Accessible.

Mục 7. Sự kiện
Phần này trình bày cách triển khai xử lý sự kiện cho các sự kiện giao diện người dùng, chẳng hạn như cảm ứng, chuột và bàn phím. Bạn cũng sẽ học cách triển khai tín hiệu trong QML. Trong ví dụ thực hành, bạn sẽ tìm hiểu cách xử lý tín hiệu chi tiết thông qua các ví dụ về cách kết nối tín hiệu với các phương thức (hàm).

Phần 8. Triển khai UI động bằng cách sử dụng loại Loader
Bạn sẽ học cách thay đổi động các khu vực cụ thể của giao diện người dùng (UI). Ví dụ: bạn sẽ học cách chuyển đổi từ màn hình GUI A sang màn hình B khi một điều kiện nhất định được đáp ứng. Do đó, trong phần này, bạn sẽ học cách triển khai màn hình động. Ví dụ thực hành cuối cùng sẽ minh họa cách thay đổi động các màn hình bằng cách sử dụng kiểu Loader.

Mục 9. Lập trình mô-đun
Tìm hiểu cách mô-đun hóa các kiểu dữ liệu do người dùng định nghĩa, chẳng hạn như các mô-đun GUI thường dùng như nút bấm và hộp tổ hợp. Bạn cũng sẽ học cách mô-đun hóa và triển khai QML thông qua các ví dụ thực hành.

Phần 10. Sử dụng JavaScript trong QML
Tìm hiểu cách sử dụng các hàm JavaScript trong QML và cách nhập các tệp JavaScript vào QML. Trong ví dụ thực hành này, bạn sẽ tìm hiểu thêm về cách sử dụng JavaScript bằng cách triển khai một máy tính.

Mục 11. Định vị kiểu chữ
Định vị Kiểu dữ liệu hướng dẫn bạn cách hiển thị kiểu dữ liệu trên màn hình. Ví dụ: bạn sẽ học cách sắp xếp kiểu dữ liệu theo chiều ngang, chiều dọc hoặc theo dạng lưới. Bạn cũng sẽ học cách truy xuất thông tin về một kiểu dữ liệu cụ thể khi nhiều kiểu dữ liệu được sắp xếp tuần tự.

Mục 12. Hoạt hình
Hoạt ảnh cung cấp một cách dễ dàng để áp dụng hoạt ảnh cho các thành phần GUI. Ví dụ: một nút có thể xuất hiện và biến mất. Hoạt ảnh có thể được sử dụng cho việc này. Ví dụ: một nút có thể biến mất trong một giây, hoặc có thể thiết lập một khoảng thời gian cụ thể để giá trị Độ mờ đục (Opacity) thay đổi từ 100% xuống 0%.

Sử dụng các hiệu ứng động này, bạn có thể tạo các hiệu ứng tương tự như hiệu ứng được sử dụng trên GUI. Bạn cũng có thể triển khai các hiệu ứng cho phép chuyển tiếp màn hình mượt mà. Do đó, trong phần này, bạn sẽ học cách sử dụng hiệu ứng động trên các thành phần GUI.

Mục 13. Ví dụ về triển khai giới hạn bóng bằng cách sử dụng hoạt ảnh và đường cong nới lỏng
Đường cong Easing cho phép bạn tạo các hiệu ứng phức tạp hơn bằng cách sử dụng các tùy chọn cụ thể trong hoạt ảnh. Ví dụ: bằng cách tăng tốc một khoảng thời gian cụ thể trong hoạt ảnh 10 giây, bạn có thể tạo ra nhiều hiệu ứng khác nhau.
Trong phần này, bạn sẽ học cách sử dụng đường cong easing trong hoạt hình thông qua các ví dụ thực tế.

Mục 14. Trạng thái và Chuyển đổi
Trạng thái biểu thị một điều kiện. Chuyển tiếp biểu thị một hành động. Ví dụ, trong công tắc bật/tắt, các điều kiện là "BẬT" và "TẮT", và hành động (chuyển tiếp) được định nghĩa là sự thay đổi từ "BẬT" sang "TẮT". Sử dụng trạng thái và chuyển tiếp, bạn có thể nhóm các hành vi phức tạp và để chúng thay đổi cùng nhau khi điều kiện thay đổi, giúp việc triển khai GUI phức tạp trở nên dễ dàng hơn.

Mục 15. Triển khai ví dụ về Trình xem hình ảnh bằng cách sử dụng Trạng thái và Chuyển tiếp
Trong phần này, chúng ta sẽ triển khai Trình xem hình ảnh bằng cách sử dụng Trạng thái và Chuyển tiếp đã học ở phần trước.

Mục 16. Mô hình và Chế độ xem
Mô hình và Chế độ xem được sử dụng để hiển thị lượng lớn dữ liệu trên GUI. Ví dụ: khi hiển thị 100 mục dữ liệu trong một bảng, dữ liệu được lưu trữ trong Mô hình, và Chế độ xem thể hiện cách dữ liệu được lưu trữ trong Mô hình được hiển thị trên GUI. Chế độ xem có thể là một bảng hoặc một cây. Trong phần này, bạn sẽ tìm hiểu cách sử dụng Mô hình và Chế độ xem.

Mục 17. Triển khai ván cờ vua bằng mô hình và chế độ xem
Chúng ta sẽ tìm hiểu sâu hơn về cách triển khai quân Mã trong Cờ vua bằng cách sử dụng Mô hình và Chế độ xem làm ví dụ.

Mục 18. Tích hợp giữa QML và Python
Tìm hiểu cách gọi hàm trong các lớp Python cụ thể từ QML và cách gọi hàm JavaScript cụ thể từ Python trong QML. Bạn cũng sẽ học cách gọi hàm và truyền dữ liệu giữa QML và Python thông qua các ví dụ thực hành.

Mục 19. Trao đổi dữ liệu danh sách giữa QML và Python
Tìm hiểu cách truyền danh sách dữ liệu lớn từ Python sang QML. Với một ví dụ thực tế, bạn sẽ học cách xử lý dữ liệu được lưu trữ trong danh sách Python, truyền dữ liệu sang QML và hiển thị dữ liệu trên UI.

Phần 20. Triển khai kiểu QML mới bằng Python
Cũng giống như cách chúng ta sử dụng QPainter để hiển thị các thành phần đồ họa 2D trên QWidget, chúng ta sẽ tìm hiểu cách sử dụng lớp QQuickPaintedItem do Python cung cấp để hiển thị các thành phần đồ họa 2D trên QML Type bằng QPainter.

Mục 21. Triển khai các kiểu QML trong các cấu trúc lồng nhau
Khi chỉ triển khai một Kiểu, bạn có thể cần triển khai một cấu trúc phân cấp. Ví dụ: bạn có thể cần triển khai nhiều Kiểu trong một Kiểu. Trong phần này, chúng ta sẽ tìm hiểu cách triển khai Kiểu phân cấp thông qua chủ đề Biểu đồ.

H. Ngoài lý thuyết và ngữ pháp, tôi có thể tiếp cận được nhiều ví dụ thực tế không?

Có chứ. Sau mỗi bài giảng lý thuyết, bạn sẽ có buổi thực hành lập trình với giảng viên, sử dụng các ví dụ minh họa. Điều này cho phép bạn học các kỹ năng lập trình thực tế bằng cách sử dụng QML tại nơi làm việc.

H. Có tài liệu tham khảo hoặc giáo trình nào cho các bài giảng tôi đang học không?

Hiện tại tôi là quản trị viên của Cộng đồng nhà phát triển Qt ( qt-dev.com ). Bạn có thể tìm thêm các tài nguyên liên quan đến Qt và QML trên trang web này.

H. Tôi cần biết điều gì trước khi tham dự buổi thuyết trình?

Khóa học này yêu cầu kiến thức cơ bản về Python và Qt. Nếu bạn chưa có kinh nghiệm sử dụng Qt, chúng tôi khuyên bạn nên học khóa học trước đó, " [Cấp độ 1] Lập trình Python với Qt: Giới thiệu", trước khi tham gia khóa học này.

H. Nội dung bài học được trình bày ở mức độ nào?

Bao gồm mọi thứ từ kiến thức cơ bản về QML đến các chủ đề nâng cao cho nhiều lĩnh vực ứng dụng khác nhau.