Linux qt5 c bài

Linux qt5 c bài

Số bài: 19

Trong loạt bài viết này, bạn sẽ được học về cách xây dựng ứng dụng giao diện đồ họa người dùng (hay còn gọi là GUI) với Qt5 và C++. Loạt bài này phù hợp với người mới bắt đầu học lập trình lẫn những lập trình viên chuyên nghiệp. Phiên bản C++ được dùng ở đây là C++11. Series tham khảo từ ZetCode.

Mục lục

  • Giới thiệu về Qt 5
  • Kiểu String
  • Date và Time
  • Một số ích hữu ích
  • File và thư mục
  • GUI
  • Menu và toolbar
  • Layout
  • Event và signal
  • Widget phần 1
  • Widget phần 2
  • Painting
  • Tùy biến widget
  • Trò chơi rắn săn mồi
  • Trò chơi phá gạch
  • Cơ chế hoạt động của signal và slot
  • Hướng dẫn sứ dụng thư viện OpenCV trên Windows
  • Tài file qua mạng với QNetworkAccessManager
  • QtWebEngine

Linux qt5 c bài

Chọn Create Project để tạo một dự án mới:

Linux qt5 c bài

Chọn Qt C++ Project/Qt GUI Application, thực hiện tiếp các bước theo hướng dẫn Wizard của Qt Creator.

Lưu ý chọn cấu hình nền tảng biên dịch đã thiết lập để biên dịch ứng dụng chạy trên KIT FriendlyArm (hoặc biên dịch chạy trên desktop).

Bước 2. Tại Form chính thiết kế một giao diện cơ bản như sau:

Linux qt5 c bài

- Kéo một TextEdit và 2 Pushbutton, một nút tên là Display và một nút tên là Clear.

- Chuột phải vào nút display, chọn Go to slot … ->> chọn Clicked() … ->> OK

Thêm dòng lệnh sau cho sự kiện click của pushbutton display:

ui->textEdit->setText(QString("Hello World!"));

- Chuột phải vào nút Clear, chọn Go to slot … ->> chọn Clicked() … ->> OK.

Thêm dòng lệnh sau cho sự kiện click của pushbutton Clear:

ui->textEdit->setText(QString(" "));

Bước 3. Build Project

Chú ý trong cửa sổ Build Settings, chọn cấu hình biên dịch qmake cho nền tảng Qt FriendlyArm (phiên bản tương ứng với Qt Everywhere đã cài đặt)

Chọn Build/Build All. Ứng dụng được build thành công, kết quả được file thực thi (trong thư mục Project) sẽ chuyển lên KIT để chạy. Ví dụ này là file HelloQt).

Linux qt5 c bài

Bước 4. Nạp file thực thi lên KIT, ví dụ đặt tại /ktmt/HelloQt

Ra lệnh thực thi chương trình trên KIT từ dòng lệnh (đã disable Qtopia trên KIT)

Quan sát trên quảứng dụng demo được thực hiện trên KIT, kiểm tra tính năng touchscreen. 

4. Viết ứng dụng Qt điều khiển LED

Dựa trên hướng dẫn giao tiếp với LED driver trong bài Lập trình vào ra căn bản, Viết ứng dụng điều khiển led (Led Player) sử dụng giao diện Qt.

Xem video tham khảo:

Qt Led Player