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头文件目录或库目录设置到全局配置中,这样新工程就不用修改配置了。