C++11 与 Qt 图形编程

C++11 与 Qt 图形编程

https://www.fosshub.com/Code-Blocks.html
http://download.qt.io/archive/qt/4.8/4.8.6/

传统的GUI程序开发不区分前端和后台,统一使用C++代码管理,源文件中既有创建和设置控件的代码,又有处理业务逻辑的代码,非常杂乱。Qt借鉴了Web开发的思想,可以使用 XML 来设计界面,使用C++来处理后台逻辑,在 Qt 中可以轻而易举的做到前端和后台分离,从而让代码逻辑更加清晰,开发更加高效。这种界面和功能代码分离的架构,使得Qt支持众多操作系统。从通用操作系统Linux、Windows,到手机系统Android、iOS、WinPhone,嵌入式系统支持QNX、VxWorks,应用非常广泛。基于Qt的软件非常多,其中最知名的要数Linux桌面系统KDE(涵盖无数以K打头的应用软件)。国内WPS for Linux版本、360 for Linux也是使用Qt库开发的界面。

demo.png

开发工具选择 CodeBlocks 17.12,有安装包自带 GNU C/C++ 5.1 Compiler and Debugger,Qt选择 MinGW GCC 编译版本,编译版本不对应开发出来的程序不稳定。安装 MinGW 和 Qt 后,也可以直接使用 Sublime Text 这样好用的代码书写工具来进行编译,利用 Sublime Text 的 Build System 配置一个 Qt+MinGW.sublime-build 编译命令就可以使用 Ctrl+B 来编译 Qt 程序。在 Sublime Text 菜单新建一个编译命令配置文件,Tools -> Build System -> New Build System,配置内容参考如下,注意 path 环境变量配置中要将 Qt 的目录前置,否则可能会读取到错误版本的 DLL 导致 Qt5Core.dll 无法定位程序输入点:

    {
        // "cmd": ["gcc.exe", "$file"],
        "env": {
            "path":"E:\\Qt\\5.9\\mingw53_32\\bin;%path%",
            "inc":"-IE:\\Qt\\5.9\\mingw53_32\\include -IE:\\Qt\\5.9\\mingw53_32\\include\\QtCore -IE:\\Qt\\5.9\\mingw53_32\\include\\QtGui -IE:\\Qt\\5.9\\mingw53_32\\include\\QtWidgets",
            "libpath":"-LE:\\Qt\\5.9\\mingw53_32\\lib",
            "libs":"-lQt5Core -lQt5Gui -lQt5Widgets"
        },
        "shell_cmd": "ECHO Compiling $file_name ... && g++.exe -Wall -g -std=c++11 %inc% -c \"$file\" -o $file_base_name.o && g++.exe %libpath% -o ${file_base_name}.exe ${file_base_name}.o %libs%",
        "file_regex": "^(...*?):([0-9]*):?([0-9]*)",
        "working_dir": "${file_path}",
        "selector": "source.cpp",
        "encoding":"utf-8",
        "variants":[
            {   
                "name":"编译再运行",
                "shell_cmd":"ECHO Compiling $file_name ... && g++.exe -Wall -g -std=c++11 %inc% -c \"$file\" -o $file_base_name.o && g++.exe %libpath% -o ${file_base_name}.exe ${file_base_name}.o %libs% && ECHO Start run $file_name ... && ${file_base_name} "
            },
            {   
                "name":"控制台中运行",
                "shell_cmd":"start cmd /c \"${file_base_name} & pause \""  
            }
       ]
    }

C++11标准在2011年8月份获得一致通过,这是自1998年后C++语言第一次大修订,对C++语言进行了改进和扩充。随后各编译器厂商都各自实现或部分实现了C++中的特性,GCC从4.8开始实现大多数C++11特性。通过编译器选项 -std=c++11 开启新特性,新版本Qt就需要打开些选项,注意大小写。

g++ -g -Wall -std=c++11 main.cpp
gcc -g -Wall -std=c11 main.cpp

......

安装 Qt 后,可以通过助手程序 assistant.exe 来获取参考信息,还有一个可视界面开发工具 designer.exe,设计好的界面保存到.ui文件,然后再用 Qt IDE 即 Qt Creator 进行编程。 Qt Creator 不允许在编辑模式下修改 .ui 文件,只能切换到设计模式由 Qt Designer 自动生成。Qt Linguist 工具主要用在项目的多语言支持处理过程中,QT项目实现多语言,要确保每一个用户可见的字符串都使用了tr()函数,它可以根据 Text ID 读取指定内容,通过 QTranslator 载入不同的文本内容文件 .qm 实现多言语的支持。

新版本的 Qt5 新增库文件 libQt5Widgets,Qt4 是没有的,编译工程时注意把使用到的文件头目录包含到工具上,使用到的库文件引用,编译器选项打开 -std=c++11。 CodeBlocks 头文件目录和库文件目录配置在设置菜单:

Settings -> Compiler Setttings -> Search Directories

E:\Qt\5.1.1\mingw48_32\include 
E:\Qt\5.1.1\mingw48_32\include\QtCore 
E:\Qt\5.1.1\mingw48_32\include\QtGui 
E:\Qt\5.1.1\mingw48_32\include\QtWidgets

LIBDIR = -LE:\\Qt\\5.1.1\\5.1.1\\mingw48_32\\lib
LIB = -lQt5Core -lQt5Gui -lQt5Widgets

在工具属性中 Project Setttings -> This is a custom Makefile 可以设置自定义 makefile 脚本对工程进行编译,在工程cbp文件中会有以下xml节点对应

<Project>
    <Option title="qt" />
    <Option makefile="makefile" />
    <Option makefile_is_custom="1" />
</Project>

编译脚本可以使用自带的 cbp2make.exe 工具转换工程文件得到,转换命令可以写成bat,使用%1参数来达到传参/拖动工具文件到bat脚本生成 makefile。

E:\CodeBlocks\cbp2make.exe -in %1 -out makefile
E:\CodeBlocks\cbp2make.exe -in qt.cbp -out makefile

配置好后就可以开始编写 HelloWorld

    #include <QApplication>
    #include <QFont>
    #include <QPushButton>

    int main(int argc, char* argv[])
    {
        QApplication app(argc, argv);

        QPushButton quit("Quit");

        quit.resize(275, 230);
        quit.setFont(QFont("Times", 18, QFont::Bold));

        QObject::connect(&quit, SIGNAL(clicked()), &app, SLOT(quit()));

        quit.show();

        return app.exec();
    }

对应编译命令如下,注意库文件名对应 libQt5Core.a, libQt5Gui.a, libQt5Widgets.a,导入后链接程序会自动添加前缀及扩展名。

set inc= -IE:\Qt\5.9\mingw53_32\include
set inc= -IE:\Qt\5.9\mingw53_32\include\QtCore %inc%
set inc= -IE:\Qt\5.9\mingw53_32\include\QtGui %inc%
set inc= -IE:\Qt\5.9\mingw53_32\include\QtWidgets %inc%
set lib= -lQt5Core -lQt5Gui -lQt5Widgets
g++.exe -Wall -g -std=c++11 %inc% -c E:\coding\cpp\qt\main.cpp -o main.o
g++.exe -LE:\Qt\5.9\mingw53_32\lib -o qt.exe main.o %lib%

如果经常使用Qt开发,可以把Qt头文件目录或库目录设置到全局配置中,这样新工程就不用修改配置了。

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
  • 序言:七十年代末,一起剥皮案震惊了整个滨河市,随后出现的几起案子,更是在滨河造成了极大的恐慌,老刑警刘岩,带你破解...
    沈念sama阅读 159,117评论 4 362
  • 序言:滨河连续发生了三起死亡事件,死亡现场离奇诡异,居然都是意外死亡,警方通过查阅死者的电脑和手机,发现死者居然都...
    沈念sama阅读 67,328评论 1 293
  • 文/潘晓璐 我一进店门,熙熙楼的掌柜王于贵愁眉苦脸地迎上来,“玉大人,你说我怎么就摊上这事。” “怎么了?”我有些...
    开封第一讲书人阅读 108,839评论 0 243
  • 文/不坏的土叔 我叫张陵,是天一观的道长。 经常有香客问我,道长,这世上最难降的妖魔是什么? 我笑而不...
    开封第一讲书人阅读 44,007评论 0 206
  • 正文 为了忘掉前任,我火速办了婚礼,结果婚礼上,老公的妹妹穿的比我还像新娘。我一直安慰自己,他们只是感情好,可当我...
    茶点故事阅读 52,384评论 3 287
  • 文/花漫 我一把揭开白布。 她就那样静静地躺着,像睡着了一般。 火红的嫁衣衬着肌肤如雪。 梳的纹丝不乱的头发上,一...
    开封第一讲书人阅读 40,629评论 1 219
  • 那天,我揣着相机与录音,去河边找鬼。 笑死,一个胖子当着我的面吹牛,可吹牛的内容都是我干的。 我是一名探鬼主播,决...
    沈念sama阅读 31,880评论 2 313
  • 文/苍兰香墨 我猛地睁开眼,长吁一口气:“原来是场噩梦啊……” “哼!你这毒妇竟也来了?” 一声冷哼从身侧响起,我...
    开封第一讲书人阅读 30,593评论 0 198
  • 序言:老挝万荣一对情侣失踪,失踪者是张志新(化名)和其女友刘颖,没想到半个月后,有当地人在树林里发现了一具尸体,经...
    沈念sama阅读 34,313评论 1 243
  • 正文 独居荒郊野岭守林人离奇死亡,尸身上长有42处带血的脓包…… 初始之章·张勋 以下内容为张勋视角 年9月15日...
    茶点故事阅读 30,575评论 2 246
  • 正文 我和宋清朗相恋三年,在试婚纱的时候发现自己被绿了。 大学时的朋友给我发了我未婚夫和他白月光在一起吃饭的照片。...
    茶点故事阅读 32,066评论 1 260
  • 序言:一个原本活蹦乱跳的男人离奇死亡,死状恐怖,灵堂内的尸体忽然破棺而出,到底是诈尸还是另有隐情,我是刑警宁泽,带...
    沈念sama阅读 28,392评论 2 253
  • 正文 年R本政府宣布,位于F岛的核电站,受9级特大地震影响,放射性物质发生泄漏。R本人自食恶果不足惜,却给世界环境...
    茶点故事阅读 33,052评论 3 236
  • 文/蒙蒙 一、第九天 我趴在偏房一处隐蔽的房顶上张望。 院中可真热闹,春花似锦、人声如沸。这庄子的主人今日做“春日...
    开封第一讲书人阅读 26,082评论 0 8
  • 文/苍兰香墨 我抬头看了看天上的太阳。三九已至,却和暖如春,着一层夹袄步出监牢的瞬间,已是汗流浃背。 一阵脚步声响...
    开封第一讲书人阅读 26,844评论 0 195
  • 我被黑心中介骗来泰国打工, 没想到刚下飞机就差点儿被人妖公主榨干…… 1. 我叫王不留,地道东北人。 一个月前我还...
    沈念sama阅读 35,662评论 2 274
  • 正文 我出身青楼,却偏偏与公主长得像,于是被迫代替她去往敌国和亲。 传闻我的和亲对象是个残疾皇子,可洞房花烛夜当晚...
    茶点故事阅读 35,575评论 2 270