TÍCH HỢP QT TRONG VISUAL STUDIO

Qt là framework mã nguồn mở, nó cho phép lập trình viên C++ có thể nhanh chóng tạo giao diện người dùng GUI một cách dễ dàng. Thuận lợi trong việc thiết kế, làm việc với các Controls, xử lý sự kiện…. Vì Qt là framework mã nguồn mở nên nó thường được sử dụng trên hệ điều hành Linux. Qt cung cấp một IDE cho các lập trình viên để có thể dễ dàng khai thác và sử dụng nó, đó chính là Qt Creator. Mặt khác, đối với các lập trình viên trên Windows, họ thường quen sử dụng IDE là Visual Studio để làm việc, trong đó sử dụng công nghệ MFC, Win32 API… để tạo GUI. Việc sử dụng MFC hay Win32 API là khó và phức tạp, ngay cả đối với những lập trình viên thành thạo việc sử dụng thành thạo chúng cũng gặp rất nhiều khó khăn. Do đó, vấn đề đặt ra là làm sao để tích hợp những ưu điểm của Qt vào IDE Visual Studio nhằm giúp các lập trình viên C++ trên Windows có thể nhanh chóng và thật đơn giản để tạo GUI hay xử lý sự kiện….

Nếu các bạn đã quen sử dụng Qt Creator để làm việc với Qt thì Visual Studio nó cũng chính là Qt Creator, nhưng nó hỗ trợ coding mạnh mẽ hơn, quản lý project tốt hơn và đặc biệt nó là một IDE yêu thích nhất của các lập trình viên C++ trên hệ điều hành Windows.

Trong hướng dẫn này, tôi sẽ hướng dẫn tích hợp Qt vào trong Visual Studio.

Bước 1. Đầu tiên chúng ta tải Qt về máy tại: https://download.qt.io/archive/qt/. Ở đây tôi tải bản Qt mới nhất (tại thời điểm viết bài này) là: Qt 5.11.2

Bước 2. Tiến hành cài đặt Qt.

Lưu ý ở công đoạn lựa chọn các thành phần của Qt sẽ cài đặt (hình 5), chúng ta cần chọn đúng bản Visual Studio hiện tại. Của tôi ở đây là Visual Studio 2017.

Bốn công đoạn đầu tiên:

Trình chiếu này yêu cầu JavaScript.

Các công đoạn tiếp theo.

Trình chiếu này yêu cầu JavaScript.

Nếu cài đặt thành công, tại ổ C:\ sẽ xuất hiện thư mục Qt như sau:

Đến đây chúng ta đã hoàn thành việc cài đặt Qt và đương nhiên có thể sử dụng IDE mặc định Qt Creator để viết code được rồi. Tuy nhiên mục đích của chúng ta không chỉ dừng lại ở đây mà chúng ta sẽ tích hợp Qt để có thể code trên IDE Visual Studio huyền thoại.

Bước 3. Tạo biến môi trường đến nơi cài đặt Qt.

Điều này là cần thiết để các phần mềm có thể biết Qt nằm ở đâu. Tên biến “QTDIR” là bắt buộc, các bạn không nên đổi tên khác. Biến QTDIR sẽ được đặt giá trị là: C:\Qt\Qt5.11.2\5.11.2\msvc2017_64 và đương nhiên đừng quên đưa thư mục bin của Qt vào biến Path. Các bước cài đặt biến môi trường:

Trình chiếu này yêu cầu JavaScript.

Bước 4. Ta tiếp tục cài đặt Extension Qt để Visual Studio nhận được Qt. Từ thanh Menu chọn Tools / Extensions and Updates. Ta chọn tiếp Online và gõ “Qt” để tìm kiếm, sau đó lựa chọn kết quả đầu tiên “Qt Visual Studio Tools” và cài nó. Lưu ý ta cần tắt Visual Studio rồi mở lại để Extension này hoạt động. Nếu nó hoạt động, ta sẽ nhình thấy trên thanh Menu xuất hiện Qt VS Tools.

Bước 5. Cấu hình cho Qt trên Visual Studio. Ta chọn QT VS Tools/Qt Options để cấu hình. Mặc định extension này sẽ tự động tìm thấy Qt nhờ biến môi trường QTDIR đã cài đặt. Nếu tìm thấy nó sẽ xuất hiện phiên bản của Qt ở tab Qt Versions. Tuy nhiên ở một số máy, nếu nó không tự động nhận cũng không sao, ta sẽ làm việc này một lần giúp nó. Ta chọn Add, tại Path ta bấm và chọn đến thư mục cha của thư mục bin mà Qt vừa được cài. Nếu chỉ định đúng nó sẽ nhận và hiện trong tab Qt Versions.

Trình chiếu này yêu cầu JavaScript.

Bước 6. Chạy thử.

Ta tạo mới Project C++ mới loại Qt Gui.

Trình chiếu này yêu cầu JavaScript.

Ta Build và Run để xem kết quả sẽ có một cửa sổ trắng được tạo ra.

Đến đây là chúng ta đã hoàn thành việc cài đặt Qt và tích hợp nó vào trong Visual Studio. Giờ việc còn lại là của các bạn…. “Code thỏa thích thôi” 😀 😀

Chia sẻ:

• X
• Facebook

Thích Đang tải...