QT

[QT][GUI][Ubuntu] Hello World !

文章目錄
  1. 目的
  2. Sample Code
  3. How to compile QT program by command line

目的

最近在學習用QT這個third party 來寫GUI界面.

之前有用過 QT creator 這個IDE， 用拖曳的方式產生GUI 的component

用起來挺順手的. 但是整個project 怎麼生出來的, .pro 檔市幹嗎用的, qmke 和make有什麼差異

完全不清楚在做什麼. 所以今天花了一點時間, 查了要如何透過command line的方式

一步一步的靠近. 我參考這篇

Sample Code

qt_demo.cpp

1
2
3
4
5
6
7
8
9
10
11
12
13
#include <QApplication>
#include <QLabel>
#include <QWidget>

int main(int argc, char* argv)
{
  QApplication app(argc, argv);
  QLabel hello(<center>This is my first QT hello world!!</center>);
  hello.setWindowTitle("My First Qt Program");
  hello.resize(400,400);
  hello.show();
  return app.exec();
}

How to compile QT program by command line

1. copy qt_demo.cpp to your directory.

1
cp qt_demo.cpp [your directory]

2. generate the .pro file for QT project setting

1
qmake -project

3. 將你程式需要的QT module, 放到 .pro file (前一步, 產生出來的)

底下是將 core gui widgets 這三個加入要用的module list 裡面. 當 compiler 要做compile/link 的時候, 才會找得到.

1
2
3
4
5
6
7
8
9
10
11
12
13
14
######################################################################
# Automatically generated by qmake (3.0) ?? 3? 15 16:33:14 2015
######################################################################

TEMPLATE = app
TARGET = qt_tutorial
INCLUDEPATH += .


QT += core gui
QT += widgets

# Input
SOURCES += qt_demo.cpp

4.利用qmake 指令, 將make 產生出來

1
qmake

你會發現, 你現在這個folder 底下, 會產生一個make 檔

5. Compile

就直接下 make 囉!!! 就會產生一個執行檔.

6. 成果

1
./qt_tutorial

這樣就產生了hello world 了.., 假如要省事的話,

還是用qt creator 吧... kerker