系列文章

GTK+是一套跨多种平台的图形工具包,按LGPL许可协议发布的。可以用在Windows、Linux和MacOS系统中。它是用C语言实现的,所以,性能比较高效。很多开源软件都使用了GTK+。起初,GTK+是开源图形处理工具Gimp的图形库,现在已经成为强大灵活的通用图形库。包括浏览器firefox、chrome都使用了GTK+。在Linux下也是gnome桌面环境的基础。但是,一直以来GTK+的文档都比较少,尤其是系统性介绍GTK+的资料就更少一些。官方文档也经常是不知所云,所以,作者尝试着写一套系列文章,来总结一下GTK+的基本使用方法。本文是该系列的第一篇,咱们先聊一聊,如何搭建GTK+的开发环境。

Linux下搭建GTK+的开发环境

Linux下搭建GTK+的开发环境比较简单,比如Debian及衍生发行版中(Ubuntu、UOS、银河麒麟等等),只需要执行sudo apt install build-essential cmake libgtk-3-dev即可完成开发环境的搭建。

Windows下搭建GTK+开发环境

安装MSYS2

下载地址:http://www.msys2.org/
安装完成后再开始菜单运行MSYS2 MSYS
gtk+开发环境1.png

安装MinGW开发环境

32位:pacman -S mingw-w64-i686-toolchain base-devel libraries development msys2-devel

64位:pacman -S mingw-w64-x86_64-toolchain base-devel libraries development msys2-devel

注意:两个可以同时安装,不会相互干扰。

环境变量

如果为32为则将64改为32。
修改windows系统的环境变量,可以是当前用户也可以是系统级别,具体如下:

  • 新建环境变量MINGW_HOME

{安装目录}\msys2\mingw64

  • 新建环境变量C_INCLUDE_PATH

%MINGW_HOME%\include

  • 新建环境变量LIBRARY_PATH

%MINGW_HOME%\lib

  • 变量Path中添加如下值

%MINGW_HOME%\bin

需要注意的是windows下的环境变量可能需要重启才能生效。

安装GTK

32位:pacman -S mingw-w64-i686-gtk3
64位:pacman -S mingw-w64-x86_64-gtk3

安装工具套件【可选】

pacman -S --noconfirm zsh git
sh -c "$(curl -fsSL https://raw.githubusercontent.com/robbyrussell/oh-my-zsh/master/tools/install.sh)"

启动时打开zsh
vim .bashrc
在文件最后一行添加,当然也可以直接在命令行中执行

exec zsh

安装cmake

建议从官网下载安装windows版本的cmake,msys2中的cmake似乎大概也许有些问题,至少我没有正常使用起来。

编译helloword

  1. 创建gtk-hello目录
    在windows文件管理器里面还是msys2中创建都可以。

  2. 创建helloword.c
    内容为:

    #include <gtk/gtk.h>
    static void print_hello (GtkWidget *widget, gpointer   data)
    {
     g_print ("Hello World\n");
    }
    static void activate(GtkApplication *app, gpointer user_data)
    {
     GtkWidget *window;
     GtkWidget *button;
    
     window = gtk_application_window_new(app);
     gtk_window_set_title(GTK_WINDOW(window), "Window");
     gtk_window_set_default_size(GTK_WINDOW(window), 480, 360);
     gtk_container_set_border_width(GTK_CONTAINER(window), 28);
    
     button = gtk_button_new_with_label("Hello World");
     g_signal_connect(button, "clicked", G_CALLBACK(print_hello), NULL);
    
     gtk_container_add(GTK_CONTAINER(window), button);
     gtk_widget_show_all(window);
    }
    int main(int argc, char **argv)
    {
     GtkApplication *app;
     int status;
    
     app = gtk_application_new("org.gtk.helloword", G_APPLICATION_FLAGS_NONE);
     g_signal_connect(app, "activate", G_CALLBACK(activate), NULL);
     status = g_application_run(G_APPLICATION(app), argc, argv);
     g_object_unref(app);
    
     return status;
    }
  3. 创建CMakeLists.txt
    内容为:

    cmake_minimum_required(VERSION 3.13)
    project(gtk-hello)
    
    set(CMAKE_C_STANDARD 11)
    
    FIND_PACKAGE(PkgConfig REQUIRED)
    PKG_CHECK_MODULES(GTK3 REQUIRED gtk+-3.0)
    
    INCLUDE_DIRECTORIES(${GTK3_INCLUDE_DIRS})
    LINK_DIRECTORIES(${GTK3_LIBRARY_DIRS})
    
    add_definitions(${GTK3_CFLAGS_OTHER})
    
    ADD_EXECUTABLE(gtk_hello helloword.c) 
    TARGET_LINK_LIBRARIES(gtk_hello ${GTK3_LIBRARIES}) 
  4. 使用cmake-gui生成makefile

  • 设置源码目录和编译目录

  • 点击Configure
    gtk+开发环境2.png
    如果前面安装没有问题,这儿应该会成功运行。如果不能运行,大概率是环境变量之类的设置失败或者没有生效。确保环境变量生效的最好办法就是重启一下电脑。

  • 点击Generate生成makefile

  • 进入MSYS2 MinGW x64的控制台:

    cd d:\\work\\gtk-hello\\bld  # 注意是\\而不是\
    mingw32-make -j6  # j6的意思是可以用6个CPU核同时编译。
    ./gtk_hello.exe

    此时应该就可以看到gtk写的helloword程序了:
    gtk+开发环境3.png

系列文章