![[Giới thiệu] Lập trình Qt 6 phần 2Hình thu nhỏ khóa học](https://cdn.inflearn.com/public/courses/326823/cover/9c839f33-d59f-422a-9704-64534673a39c/커버이미지_Qt 6 프로그래밍_2편.png?w=420)
[Giới thiệu] Lập trình Qt 6 phần 2
qtdev
2.293.435 ₫
Nhập môn / Qt, GUI
4.9
(20)
Bài giảng này là bài giảng thứ 2 sau Phần 1 của lập trình Qt. Nếu bạn chưa quen với Qt, chúng tôi khuyên bạn nên học Phần 1 trước rồi đến Phần 2.
Nhập môn
Qt, GUI
QML để phát triển giao diện người dùng Qt, Chúng tôi sẽ cung cấp thông tin chi tiết từ giới thiệu đến thực hành.


Đánh giá từ những học viên đầu tiên
5.0
이준현
Tôi học lại khóa này. Đây là một bài giảng hay đến mức đáng để học lại. Nếu bạn là người mới bắt đầu với Qt, tôi nghĩ bạn nhất định nên hoàn thành khóa học này.
5.0
White
Hiện tại đây là khóa học Qt duy nhất hướng dẫn từ cơ bản đến nâng cao
5.0
Son
Tôi đang làm theo lộ trình và thích thú với các bài giảng. Đó là sự trợ giúp tuyệt vời cho sự hiểu biết tổng thể của tôi về Qt và QML. Ngoài ra, tôi rất vui vì bạn đã chia sẻ dữ liệu trên GitHub. Trong tương lai, sẽ thực sự tốt nếu có một dự án (một chương trình hoạt động trên nhiều màn hình) có thể được sử dụng toàn bộ thay vì chỉ thực hành một phần. Nếu bạn xem các bài giảng trên web, sẽ có một quá trình tạo một dự án sử dụng những gì bạn đã học, chẳng hạn như các lớp ngữ pháp hoặc mạng lúc đầu, sau đó tạo bảng thông báo CRUD làm dự án thực hành và các khái niệm còn lại trong đầu bạn sẽ được kết nối và hoàn thành một phần. Chúng tôi cũng đang chờ đợi các bài giảng nhúng sẽ được phát hành trong tương lai. Cảm ơn
Phát triển giao diện người dùng hiện đại bằng QML
Phát triển giao diện người dùng bằng QML và C++
QML cho phát triển giao diện người dùng Qt,
Chúng tôi sẽ giải thích chi tiết từ phần giới thiệu đến phần thực hành.
Triển khai giao diện người dùng Qt Framework,
Mạnh mẽ hơn với QML!
Giao diện người dùng hiện đại, tiên tiến trong khuôn khổ Qt
Đây là ngôn ngữ lập trình dễ phát triển.
QML (Ngôn ngữ Mô hình Qt) là ngôn ngữ lập trình được cung cấp bởi nền tảng Qt. QML là ngôn ngữ lập trình có thể được sử dụng để phát triển giao diện người dùng (UI) trong nền tảng Qt, giúp dễ dàng triển khai các giao diện người dùng hiện đại và tiên tiến.
Khi phát triển các chương trình GUI sử dụng nền tảng Qt, bạn có thể phân biệt giữa logic thiết kế của UI và logic chức năng của phần chức năng. Trong số đó, QML là ngôn ngữ được lựa chọn thay thế cho C++ khi phát triển các UI tương ứng với logic thiết kế . Cụ thể, việc phát triển UI với QML cho phép tách biệt hoàn toàn logic thiết kế và logic chức năng, do đó tăng khả năng tái sử dụng mã nguồn.
Việc phát triển logic thiết kế bằng QML cho phép bạn triển khai giao diện người dùng (UI) dễ dàng và nhanh chóng hơn nhiều so với việc phát triển bằng C++. Nó cũng cho phép bạn dễ dàng áp dụng các công nghệ GUI hiện đại, tiên tiến như Flickable, Gesture, Animation và 3D.
Hãy cùng xem ví dụ đầu ra "Hello World", một ví dụ phổ biến khi mới học ngôn ngữ lập trình. Thật dễ dàng để thấy QML ngắn gọn như thế nào.
nhập QtQuick
Cửa sổ {
chiều rộng : 300
chiều cao : 200
có thể nhìn thấy : đúng
tiêu đề : qsTr ( "Mã nguồn ví dụ QML" )
Chữ {
x : 80
y : 70
văn bản : "Xin chào thế giới"
phông chữ. pixelSize : 25
}
} Màn hình thực thi mã nguồn ví dụ QML
QML rất đơn giản và dễ hiểu. Ngay cả những người không phải lập trình viên cũng có thể dễ dàng hiểu được. Do đó, các nhà thiết kế và lập trình viên có thể giao tiếp và chia sẻ ý tưởng bằng mã QML.
Do đó, QML cho phép các nhà thiết kế và nhà phát triển cộng tác bằng cách sử dụng cùng một công cụ phát triển, giúp giảm thời gian phát triển so với trước đây .
Bất kỳ ai (nhà phát triển, nhà thiết kế) muốn dễ dàng triển khai UI/UX hiện đại, tiên tiến bằng cách sử dụng QML trong Qt
Những người muốn tăng khả năng bảo trì và tái sử dụng mã nguồn bằng cách tách logic thiết kế và logic chức năng.
Các nhà thiết kế và nhà phát triển có thể giao tiếp và cộng tác hiệu quả thông qua các công cụ tương tự như QML.
Tìm hiểu cách phát triển UX/UI hiện đại, tiên tiến bằng QML.
Bạn sẽ học cách sử dụng QML để tách biệt hoàn toàn logic thiết kế khỏi logic chức năng.
Bạn có thể học các kỹ năng phát triển QML cần thiết trong lĩnh vực này một cách tự nhiên bằng cách nghiên cứu lý thuyết theo từng phần và tự viết mã dựa trên nhiều ví dụ thực tế khác nhau.
Lý thuyết và thực hành cùng một lúc
Ngoài ngữ pháp QML, khóa học còn được thiết kế để nâng cao kỹ năng thực hành. Sau mỗi phần lý thuyết, bạn sẽ được học các ví dụ thực hành và tự mình áp dụng, từ đó nâng cao hơn nữa kỹ năng thực hành của mình.
Vượt ra ngoài những bức tường trực tuyến
Chúng tôi đã ghi lại hình ảnh người chia sẻ kiến thức trên màn hình. Học mọi lúc, mọi nơi, như thể bạn đang tham gia một lớp học ngoại tuyến, với mã hóa trực tiếp sống động.
Phần 1. 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.
Phần 2. Triển khai ví dụ về giới hạn bóng bằng cách sử dụng hoạt ảnh và đường cong dễ dà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 3. 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.
Phần 4. 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 5. 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.
Phần 6. Triển khai một ván cờ vua bằng cách sử dụng Mô hình và Chế độ xem
Tìm hiểu cách triển khai ví dụ về quân Mã cờ vua bằng Model và View.
Phần 7. Tích hợp giữa QML và C++
Tìm hiểu cách gọi các hàm cụ thể của lớp trong C++ từ QML, và cách gọi các hàm JavaScript cụ thể từ C++. Bạn cũng sẽ học cách gọi hàm và truyền dữ liệu giữa QML và C++ thông qua các ví dụ thực hành.
Phần 8. Triển khai các loại QML mới bằng C++
Bạn sẽ học cách triển khai các kiểu dữ liệu tùy chỉnh của riêng mình, chẳng hạn như các kiểu được cung cấp bởi QML. Trong một ví dụ thực hành, bạn sẽ học cách tự triển khai một kiểu Timer.
Phần 9. Triển khai các kiểu QML bằng cách sử dụng lớp QQuickPaintedItem
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 được cung cấp trong C++ để hiển thị các thành phần đồ họa 2D trên QML Type bằng QPainter.
Phần 10. 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 đồ.
Mục 11. Ánh xạ các đối tượng và biến QML từ C++
Trong phần này, bạn sẽ học cách trao đổi dữ liệu giữa C++ và QML và cách ánh xạ các kiểu biến giữa C++ và QML.
Phần 12. Triển khai ví dụ trò chuyện bằng C++ và QML
Phần này trình bày một ví dụ trò chuyện đơn giản, triển khai chức năng trò chuyện bằng C++ và màn hình bằng QML. Phần này hướng dẫn bạn cách xây dựng ứng dụng bằng C++ và QML.
👉 Xem bạn đã thay đổi như thế nào sau khi học.
Sau khi hoàn thành khóa học này, bạn sẽ có thể sử dụng QML một cách thành thạo. Bạn cũng sẽ hiểu được sự khác biệt, ưu và nhược điểm của việc sử dụng QML trong các dự án thực tế so với phương pháp C++/Qt truyền thống, QWidget.
Ngoài ra, khi triển khai một dự án bằng QML, bạn có thể tách biệt hoàn toàn logic thiết kế (phần QML) và logic chức năng (C++) của mã nguồn được triển khai, do đó tăng khả năng tái sử dụng của mã đã viết.
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ề C++ và Qt. Nếu bạn chưa có kinh nghiệm về Qt, chúng tôi khuyên bạn nên học khóa "Lập trình Qt" trước đó 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.
💾 Lưu ý
Để biết thêm thông tin, vui lòng xem bài học Phần 1 [Tài liệu tham khảo QML và Phiên bản Qt được đề xuất để học QML] được xem trước.
Đối tượng mục tiêu của khóa học là ai?
Những người muốn phát triển UI bằng QML
Bất kỳ ai muốn phát triển UI bằng QML trong khuôn khổ Qt
Người chơi có cần kiến thức không?
Cơ bản về C++
Kiến thức cơ bản về Qt
Khóa học này dành cho ai?
Bất kỳ ai muốn phát triển giao diện người dùng bằng QML
Bất kỳ ai muốn phát triển giao diện người dùng bằng QML trong khung Qt
Cần biết trước khi bắt đầu?
C++ cơ bản
Qt
1,144
Học viên
116
Đánh giá
111
Trả lời
4.7
Xếp hạng
9
Các khóa học
Kinh nghiệm làm việc
Hiện tại: Trưởng nhóm phần mềm (SW Team leader) trong lĩnh vực Nhúng (Embedded)
LG Electronics, Bộ phận VS, Phát triển mô-đun/nền tảng tiên tiến IVI
SW Maestro, Cố vấn phần mềm (SW Mentor)
Kinh nghiệm giảng dạy
Samsung Electronics, Giảng dạy Qt & QML
LG Electronics, Giảng viên nội bộ lĩnh vực Qt & QML
Giảng dạy khóa học Qt tại Hancom Academy
Giảng dạy khóa học Qt tại nhiều doanh nghiệp CNTT (IT)
Sách đã xuất bản
Lập trình Qt
Lập trình Qt Quick
Hướng dẫn lập trình Qt5
Hướng dẫn lập trình MeeGo toàn tập
Lập trình Qt thực chiến
Vận hành cộng đồng SW
Quản trị viên cộng đồng nhà phát triển Qt ( www.qt-dev.com )
Tất cả
47 bài giảng ∙ (8giờ 56phút)
Tài liệu khóa học:
Tất cả
8 đánh giá
4.9
8 đánh giá
Đánh giá 3
∙
Đánh giá trung bình 5.0
5
Đó là một bài giảng tốt. Tôi hy vọng bạn sẽ làm một khóa học chuyên sâu vào lần tới. Vui lòng sử dụng Python-QML.
Xin chào. Bài hát của JunHwan Cảm ơn bạn rất nhiều vì đánh giá tốt. Chúng tôi cũng đang chuẩn bị một video liên quan đến Qt Python. :)
Đánh giá 4
∙
Đánh giá trung bình 5.0
5
Tôi học lại khóa này. Đây là một bài giảng hay đến mức đáng để học lại. Nếu bạn là người mới bắt đầu với Qt, tôi nghĩ bạn nhất định nên hoàn thành khóa học này.
Chào anh Lee Jun-hyun, cảm ơn anh rất nhiều vì đã đánh giá tốt ạ.
Đánh giá 126
∙
Đánh giá trung bình 5.0
5
2024/09/07/Thứ bảy 17:45 Tôi rất thích bài giảng. Tôi đã học được rất nhiều điều về QT QML. QT QML Phần 1/2 Cảm ơn bạn đã tạo ra một bài giảng rất hay. Chúc một ngày tốt lành!
Xin chào. Cảm ơn sunny75 vì đánh giá tốt của bạn. Giấc mơ Daejin Kim.
Đánh giá 2
∙
Đánh giá trung bình 5.0
5
Tôi đang làm theo lộ trình và thích thú với các bài giảng. Đó là sự trợ giúp tuyệt vời cho sự hiểu biết tổng thể của tôi về Qt và QML. Ngoài ra, tôi rất vui vì bạn đã chia sẻ dữ liệu trên GitHub. Trong tương lai, sẽ thực sự tốt nếu có một dự án (một chương trình hoạt động trên nhiều màn hình) có thể được sử dụng toàn bộ thay vì chỉ thực hành một phần. Nếu bạn xem các bài giảng trên web, sẽ có một quá trình tạo một dự án sử dụng những gì bạn đã học, chẳng hạn như các lớp ngữ pháp hoặc mạng lúc đầu, sau đó tạo bảng thông báo CRUD làm dự án thực hành và các khái niệm còn lại trong đầu bạn sẽ được kết nối và hoàn thành một phần. Chúng tôi cũng đang chờ đợi các bài giảng nhúng sẽ được phát hành trong tương lai. Cảm ơn
Xin chào. Con trai thân mến, Cảm ơn bạn đã xem xét khóa học chi tiết này. Cảm ơn bạn rất nhiều vì đã cho chúng tôi biết những gì cần cải thiện. Cảm ơn bạn rất nhiều vì phản hồi có giá trị của bạn. Nếu có cơ hội một ngày nào đó tôi sẽ mua cho bạn một tách cà phê. ^^; Chúng tôi cũng đang chuẩn bị một bài giảng theo kiểu dự án có tựa đề “Tiêu đề dự kiến: Dự án triển khai trạm phát sóng cá nhân theo thời gian thực”. Sau đó, "Lập trình Linux nhúng bằng Qt" Bài giảng và "Qt cho MCU" Tôi có kế hoạch giảng bài. Cuối cùng xin cảm ơn bạn rất nhiều vì những phản hồi tốt.
Hãy khám phá các khóa học khác của giảng viên!
Khám phá các khóa học khác trong cùng lĩnh vực!
Giảm 25% cho thành viên mới
603.142 ₫
25%
804.192 ₫