notepad++上搭建gtk+2.0/3.x开发环境

前言

　　老师布置了一道题需要用到图形界面，于是开始找图形库。最后选择了gtk+图形库，然后折腾了大概一天。

　　这里记录自己新学到的知识，同时也给后来者一些便利。

准备

　　下载以下内容

　　　　notepad++（由于官网访问较慢，建议使用其他渠道）

　　　　mingw（包含msys和gcc工具链）

　　　　gtk+bundle（2.x或3.x都可以，这里提供3.x。若连接失效，请自行搜索下载）

安装

　　notepad++的安装就是普通安装，这里不做介绍。

　　运行mingw-get-setup.exe，选择一个安装目录（这里以c:\mingw为例），然后等待其下载和安装完成。接着，运行mingw安装目录的子目录bin下的mingw-get.exe（这里是c:\mingw\bin\mingw-get.exe），选择Basic Setup，对这里所有包右键选择Mark for Installation，接着菜单选择Installation->Apply Changes，等待其下载完成（这里下载时间较长，请耐心等待）。

　　解压下载的gtk+bundle到任意目录（这里以c:\gtk+为例）。

搭建

　　首先，添加以下环境变量值（系统或用户变量都可，变量名均为Path，请根据自己的安装路径自行更改）：

　　　　C:\mingw\bin

　　　　C:\mingw\msys\1.0\bin

　　　　C:\gtk+\bin

　　下面是写给不清楚环境变量设置的，清楚的请跳过：

　　　　点击我的电脑，然后右键，选择属性，接着在左边选择高级系统设置，然后选择高级->环境变量，在用户变量或者系统变量中找到Path变量（没有就新建，变量名填Path，变量值为如下内容），选择编辑，在变量值前面添加以下内容：

C:\mingw\bin;C:\mingw\msys\1.0\bin;C:\gtk+\bin;

　　　　然后一直确定就行。

　　打开命令行，验证环境变量是否设置正确。

　　　　输入gcc，没有显示“xxx 不是内部或外部命令，也不是可运行的程序或批处理文件。”就设置正确了，下同。

　　　　输入pkg-config

　　　　输入sh

　　

　　接着打开notepad++安装目录，然后新建目录bat，在该目录下新建一个文本文件，重命名为build_gtk+.bat，写入以下内容：

@echo off
rem /**
rem   * File: build_gtk+.bat
rem   * Description: 创建并运行GTK+程序
rem   * Author: linzhehuang
rem   * Blog：http://www.cnblogs.com/linzhehuang/
rem   * Version: 0.0.1
rem   * Date: 2017 4.8
rem   */

rem 在notepad++菜单 运行->运行->运行名称 中输入以下命令：
rem cmd /c echo $(CURRENT_DIRECTORY)>bat\current_directory&&echo $(NAME_PART)>bat\name_part&&start bat\build_gtk+.bat

rem 分别从文件中读取文件路径和文件名
for /f "delims=" %%i in (bat\current_directory) do set current_directory=%%i
for /f "delims=" %%i in (bat\name_part) do set name_part=%%i

rem disk-磁盘盘符 directory-文件目录（不含磁盘盘符）
set disk=%current_directory:~0,1%
set directory=%current_directory:~2%

rem 将文件目录中的\替换成/
set directory=%directory:\=/%

rem 合成最终目录
if %directory%==/ (
set directory=/%disk%/
) else (
set directory=/%disk%%directory%/
)

rem 定义源文件和二进制文件路径
set src_file=%directory%%name_part%.c
set bin_file=%directory%%name_part%.exe

rem 运行文件路径
set exe_file=%bin_file:/=\%
set exe_file=%disk%:%exe_file:~2%

rem sh命令行命令
set sh_cmd="gcc %src_file% -o %bin_file% `pkg-config --libs --cflags gtk+-3.0`"

rem 编译并运行GTK+程序
sh -c %sh_cmd%
start %exe_file%&exit

　　注意，若安装的是gtk2.x，将以下这行：

set sh_cmd="gcc %src_file% -o %bin_file% `pkg-config --libs --cflags gtk+-3.0`"

　　改成以下内容，其实就把3.0改成2.0

set sh_cmd="gcc %src_file% -o %bin_file% `pkg-config --libs --cflags gtk+-2.0`"

 

　　接着运行notepad++，菜单选择 运行->运行，在运行名称中输入以下命令：

cmd /c echo $(CURRENT_DIRECTORY)>bat\current_directory&&echo $(NAME_PART)>bat\name_part&&start bat\build_gtk+.bat

　　点击保存，输入名称（这里输入Build_GTK+），然后定义快捷键，接着选择OK。

　　

　　最后，新建一个简单的GTK源文件，验证是否成功，以下是该源文件（注意先保存该文件，然后点击 运行->Build_GTK+ 或 使用自定义的快捷键）：

#include <gtk/gtk.h>

int main(int argc, char *argv[])
{
    GtkWidget *window;
    gtk_init (&argc, &argv);
    window = gtk_window_new (GTK_WINDOW_TOPLEVEL);
    gtk_widget_show (window);
    gtk_main();
    return 0;
}

　　若弹出一个窗口，就证明成功了。

注意及经验

　　1.上述所讲述一些内容，不要生搬硬套，要根据自己的情况进行更改。

　　2.上述的build_gtk+.bat批处理文件，其实就实现了下面一个编译语句和运行该程序：

sh - c "gcc %src_file% -o %bin_file% `pkg-config --libs --cflags gtk+-3.0`"

　　其中%src_file%为源文件，而%bin_file%为最后的程序。请注意`pkg-config --libs --cflags gtk+-3.0` ，这里使用的是反引号（数字1旁边那个），而不是单引号。

　　该语句的意思和作用请看该文章 `pkg-config --cflags --libs gtk+-2.0`的意思、作用

　　3.命令行下编译gtk源文件会报错，因此必须在msys环境下编译。以上 sh -c 就是进入msys环境下，后面双引号中的内容就是需要运行的编译命令。

　　4.命令行下的路径显示和msys环境下的路径显示不同，因此批处理中一些代码就是为了实现路径的转换。

　　5.上文的批处理有些功能不完整，笔者会不定期更新上文的批处理。

后话

　　虽然折腾了这么久，但其实也学到很多知识，尤其是关于批处理的知识（读取文件内容、字符串的替换和截取），同时得到了一个教训，那就是“批处理编程，多一个和少一个空格都会造成错误”（由于写C语言习惯上打空格，在这一点上受了不少苦）。还有，觉得会折腾是件好事，很多创意不都是在折腾的过程中突现的。接下来，好好学习gtk+的开发和完成老师布置的题。