Xây dựng ứng dụng C/C++ bằng QT5

Để một ứng dụng đến tay người dùng, thì sản phẩm phải có giao diện, tính năng dễ dàng sử dụng. Nếu bạn học qua C/C++, thì với những bài ...


Để một ứng dụng đến tay người dùng, thì sản phẩm phải có giao diện, tính năng dễ dàng sử dụng. Nếu bạn học qua C/C++, thì với những bài tập cơ bản, chúng ta sẽ chạy trên giao diện CMD. Và nhìn nó rất thô sơ, ví dụ như:  
Giao diện này hoàn toàn thô sơ và cần hoàn thiện để có thể đưa đến tay người sử dụng. Hãy xét giao diện dưới đây:
Giao diện này là đã được dùng phần mềm QT chỉnh sửa trên code C/C++. Một giao diện trực quan hơn rất nhiều và dễ dàng sử dụng. Trong bài viết này, mình sẽ chỉ cách để xây dựng một ứng dụng code C/C++ dựa trên nền ứng dụng QT.

I, QT là gì?

Qt là một Application Framework. Mục tiêu của các nhà phát triển nên Qt chính là tạo ra một framework có khả năng thiết kế những phần mềm có thể chạy trên nhiều nền tảng phần mềm lẫn phần cứng khác nhau mà không phải thay đổi nhiều về code. Ví dụ như bạn có thể cho ra ứng dụng ở Window, Mac, Linux hay Android,... mà không cần phải chạy code trực tiếp trên giao diện đó. Như việc mình dùng máy Window có thể tạo ra ứng dụng cho Mac vậy.

II, Tải và cài đặt QT

Trong bài này mình sẽ cài và hướng dẫn trên phiên bản QT 5.9.0, dù rằng phiên bản mới nhất hiện nay đã là 5.15.x.
Các bạn tải về từ link sau:
Theo thứ tự tải đúng với hệ điều hành của máy bạn:
  • Window: qt-opensource-windows-x86-5.9.0.exe
  • Mac OS: qt-opensource-mac-x64-5.9.0.dmg
  • Linux: qt-opensource-linux-x64-5.9.0.run
Nhưng mình vẫn khuyên bạn sử dụng máy Window để viết code C/C++, vì trên Mac hay Linux(ví dụ Ubuntu) thì bị lỗi khi sử dụng một số thư viện.
Sau khi tải về, các bạn cài như ứng dụng bình thường, và có một số chú ý sau:
  • Lúc cài đặt, phần mềm bắt đăng nhập QT Account, các bạn có thể đăng ký trực tiếp trên phần mềm và sau nhận mã xác thực qua email.

  • Ở mục Select Components nhớ tích chọn các mục sau:
Tiếp tục cài, sau đó mở phần mềm có tên Qt Creator 4.3.0 (Community), nếu không tìm thấy thì truy cập đường dẫn: "C:\Users\Admin\AppData\Roaming\Microsoft\Windows\Start Menu\Programs\Qt 5.9.0" sau đó chuột phải/send to/Desktop(Creater Shotcut).

III, Xây dựng ứng dụng đầu tiên

Mở Qt Creator 4.3.0 (Community) lên và ấn phím Ctrl+N, lúc này chọn như sau: 
Ở mục Class Information thì ở Class name, chính là tên của file mà sau các bạn viết code vào. Vậy nên thường đặt theo chức năng của dự án nhé. Ví dụ Project "Máy tính bỏ túi" thì Class name có thể đặt là tinhToan (không có dấu).
Đã cấu hình xong, nhìn ở ô khoanh đỏ, đấy sẽ là phần mà các bạn thiết kế giao diện và viết code.

Ở đây, các bạn quan tâm cho mình các mục sau:
  • Headers:

Bên trong có chứa file mainwindow.h(hoặc tên tại mục class infomation mà bạn tạo), đây là cấu hình class cho C/C++.
Ở đây có thể include thư viện hoặc tạo các class bên trong.
  • Sources:

Mục này sẽ gồm 2 file là main.cppmainwindow.cpp(hoặc tên tại mục class infomation mà bạn tạo), trong đó:
main.cpp: dùng để quản lý giao diện sẽ được chạy, là nơi chứa chương trình chính sẽ được chạy.

mainwindow.cpp: Tất cả code của chương trình, giao diện bạn có thể viết vào file này. 

Mọi phần code của giao diện sẽ viết trong phần này:
  • Forms

Phần này là giao diện kéo thả, nơi sẽ thiết kế ra giao diện chính của chương trình.
Ví dụ về giao diện phần mềm "tính điểm TB ĐH Mở"

IV, Hướng dẫn sử dụng QT

Bài viết này nếu viết tiếp sẽ kéo dài không đáng có, nên mình sẽ tập hợp một vài nguồn tài liệu giúp các bạn học tốt hơn.

  • Hướng dẫn qua video

Các video hướng dẫn từ dễ đến khó, giúp bạn nắm bắt cách tạo giao diện tốt hơn.

  • Sách PDF hướng dẫn:

Bản hướng dẫn này khá chi tiết, các bạn muốn đi từ cơ bản đến nâng cao thì học theo cuốn này.

V, Tạo ứng dụng *.exe cho window

Sau khi đã có một ứng dụng trên QT, để tạo nó thành ứng dụng, thì chúng ta sẽ sử dụng windeployqt.exe để thực hiện.
Đầu tiên, kiểm tra xem ứng dụng của bạn được tạo bởi kit minGw hay msvc
Ấn Ctrl+R để chạy ứng dụng, một thư mục quản lý ứng dụng vừa chạy ở C:\Users\ten_pc, tìm thư mục có tên như sau:

Tìm file có dạng Application và sau đó copy file đó vào một thư mục mới
Lưu ý: chỉ mỗi file Application khi chạy lên sẽ bị lỗi 
Vậy, để nó thành ứng dụng hoàn chỉnh thì chúng ta cần windeployqt.exe để giải quyết. Vào menu Start, chọn như sau, theo đúng phiên bản minGw hay msvc từ đầu
Chạy theo cú pháp như sau:
[windeployqt.exe duong_dan_toi_file_exe] 
Sau khi tạo xong, sẽ tự động add các file cần thiết vào ứng dụng
Xong, ứng dụng đã hoàn thiện và chạy được đầy đủ. Hi vọng qua bài viết, bạn đã tạo được ứng dụng với QT. Nếu có thắc mắc, hãy để lại bình luận để mình trả lời nhé!

COMMENTS

BLOGGER
Tên

bài viết hay,4,Bài viết khác,1,cấu trúc dữ liệu và giải thuật,3,fithou,36,ghim,4,giải tích 2,1,Hướng dẫn,5,Lập trình C,1,lập trình hướng đối tượng,3,Lập trình java,1,phần mềm,2,phần mềm lập trình,2,sách,1,tác phẩm đồ họa,3,tản mạn,4,Thiết kế web,3,thực hành lập trình cơ sở,18,thực hành lập trình hướng đối tượng,16,
ltr
item
Blog NDanh: Xây dựng ứng dụng C/C++ bằng QT5
Xây dựng ứng dụng C/C++ bằng QT5
https://1.bp.blogspot.com/-mZP8dO_Y8co/XtBzV5LSsnI/AAAAAAAAf64/nEgpyy9XYcY233qR5RPbZPIuFS5_EjDMgCK4BGAsYHg/w320-h181/1037426_7f82_8.jpg
https://1.bp.blogspot.com/-mZP8dO_Y8co/XtBzV5LSsnI/AAAAAAAAf64/nEgpyy9XYcY233qR5RPbZPIuFS5_EjDMgCK4BGAsYHg/s72-w320-c-h181/1037426_7f82_8.jpg
Blog NDanh
https://blog.ndanh.com/2020/05/xay-dung-ung-dung-cc-bang-qt5.html
https://blog.ndanh.com/
https://blog.ndanh.com/
https://blog.ndanh.com/2020/05/xay-dung-ung-dung-cc-bang-qt5.html
true
1596452775547375681
UTF-8
Tải tất cả bài viết Không tìm thấy bài viết nào XEM TẤT CẢ Đọc thêm Trả lời Hủy trả lời Xóa Bởi Trang chủ PAGES POSTS Xem tất cả Bài viết đề xuất CHỦ ĐỀ LƯU TRỮ SEARCH TẤT CẢ BÀI VIẾT Không tìm thấy nội dung của bạn Quay về trang chủ Sunday Monday Tuesday Wednesday Thursday Friday Saturday Sun Mon Tue Wed Thu Fri Sat January February March April May June July August September October November December Jan Feb Mar Apr May Jun Jul Aug Sep Oct Nov Dec just now 1 minute ago $$1$$ minutes ago 1 hour ago $$1$$ hours ago Yesterday $$1$$ days ago $$1$$ weeks ago more than 5 weeks ago Followers Follow CHIA SẺ ĐỂ XEM NỘI DUNG Bước 1: Chia sẻ lên facebook chế độ công khai Bước 2: Vào facebook, ấn vào bài đã chia sẻ công khai để hiện nội dung! Click Copy All Code Select All Code Code của bạn đã được copy Can not copy the codes / texts, please press [CTRL]+[C] (or CMD+C with Mac) to copy Table of Content