打开APP
userphoto
未登录

开通VIP,畅享免费电子书等14项超值服

开通VIP
GTK+ 3 基础知识学习
userphoto

2023.01.14 黑龙江

关注

1.启动程序

以前的版本要写一个GTK程序都是按照以下流程

int main(int argc, char *argv[])
{
    GtkWidget *window;
    gtk_init(&argc,&argv);

    ... ...

    gtk_main();
    return 0;
}

现在最新的GTK+ 3.20的版本一般是按照以下格式初始,main函数里新建一个GtkApplication类app,并绑定activate回调函数,应用程序只需在activate写就可以了,main里的是启动代码,对于所有程序来说都是一样的。

int main(int argc , char **argv)
{
    GtkApplication *app;
    int app_status;

    app = gtk_application_new("org.rain.example" , G_APPLICATION_FLAGS_NONE);
    g_signal_connect(app , "activate" , G_CALLBACK(activate) , NULL);
    app_status = g_application_run(G_APPLICATION(app) , argc , argv);

    g_object_unref(app);
    return app_status;
}

这种方式在windows下有个问题,在activate设置断点时进不去,不知道什么原因。

2.新建一个窗口

代码不用过多解释,基本上看一眼就会,这里GTK_WINDOW (window)是把类型强制转换为GtkWindow,GtkWindow是GtkWidget的一个子类

static void
activate (GtkApplication* app,
          gpointer        user_data)
{
  GtkWidget *window;

  window = gtk_application_window_new (app);
  gtk_window_set_title (GTK_WINDOW (window), "Window");
  gtk_window_set_default_size (GTK_WINDOW (window), 200, 200);
  gtk_widget_show_all (window);
}

效果如图

3.添加一个按钮

代码如下

static void
activate (GtkApplication *app,
          gpointer        user_data)
{
  GtkWidget *window;
  GtkWidget *button;
  GtkWidget *button_box;

  window = gtk_application_window_new (app);
  gtk_window_set_title (GTK_WINDOW (window), "Window");
  gtk_window_set_default_size (GTK_WINDOW (window), 200, 200);

  button_box = gtk_button_box_new (GTK_ORIENTATION_HORIZONTAL);
  gtk_container_add (GTK_CONTAINER (window), button_box);

  button = gtk_button_new_with_label ("Hello World");
  g_signal_connect (button, "clicked", G_CALLBACK (print_hello), NULL);
  g_signal_connect_swapped (button, "clicked", G_CALLBACK (gtk_widget_destroy), window);
  gtk_container_add (GTK_CONTAINER (button_box), button);

  gtk_widget_show_all (window);
}

上述代码新建了一个按钮,并把按钮添加到window容器里
gtk_container_add (GTK_CONTAINER (button_box), button);
通过g_signal_connect设置回调函数,点击后会运行print_hello回调函数,并关闭窗口

4.容器控件

GTK中的所有元素都叫做控件,控件分为2种:

  • 容器控件
  • 非容器控件

非容器控件不能再容纳其他控件,如标签(GtkLabel)、图像(GtkImage)、画布(GtkDrawingArea)等界面编程中最基本的元素。而容器控件可以容纳其他控件,而上节中的window就是一个容器控件。

注意了!!

GTK中的容器控件又分为只能容纳一个控件的容器和能容纳多个控件的容器,如果在只能容纳一个控件的容器里添加多个容器就会出错。初学者一般会这样写程序,先新建一个窗口,然后再向窗口添加各种各样的控件。但是,窗口控件是一个只能容纳一个控件的容器,往上面添加了一个按钮后,再想添加一个按钮GTK就会报错。所以正确的做法应该是先向窗口中添加一个能容纳多个控件的容器,再向这个容器里添加所需的控件。

只能容纳一个控件的容器:

  • 窗口类
  • 对话框
  • 按钮
  • 框架
  • 事件盒

能容纳多个控件的容器又分为2种,一种是不能设定子控件的位置,但是可以设定控件的排放次序的容器,以盒状容器(GtkBox)为代表,它又分为横向排列和纵向排列的容器

  • 横向:
GtkWidget *hbox = gtk_box_new (GTK_ORIENTATION_HORIZONTAL, 0);
  • 纵向
GtkWidget *vbox = gtk_box_new (GTK_ORIENTATION_VERTICAL, 0);

可以设定自控位置的容器有2种:

  • 自由布局控件(GtkFixed)– 能按固定坐标放置子控件的容器
  • 布局控件(GtkLayout)– 是个无穷大的滚动区域,能包含子控件,也能制定绘图

在实际开发中结合box容器和fixed容器通常能满足大部分需求。

5.设定按钮位置

可以通过fixed容器来完成,默认是在窗口的中央,现在设定在坐标(10,10)的位置

    GtkWidget *fixed = gtk_fixed_new();
    gtk_container_add (GTK_CONTAINER (window), fixed);

    GtkWidget *button = gtk_button_new_with_label("Button");
    gtk_fixed_put(GTK_FIXED(fixed), button, 10,10);


最后fixed容器有一个非常有用的功能,可以通过gtk_fixed_move来移动放在容器里的控件。

5.添加菜单

上面说了,窗口是一个只能容纳一个控件的容器,所以需要新建一个纵向的box容器,把菜单放在box的开头,其他内容放在下面

    GtkWidget *vbox = gtk_box_new (GTK_ORIENTATION_VERTICAL, 0);
    gtk_container_add (GTK_CONTAINER (window), vbox);


    GtkWidget *menubar,*menu,*menuitem;
    menubar=gtk_menu_bar_new();
    gtk_widget_set_hexpand (menubar, TRUE);
    gtk_box_pack_start (GTK_BOX (vbox), menubar, FALSE, TRUE, 0);

    menuitem=gtk_menu_item_new_with_label("文件");
    gtk_menu_shell_append (GTK_MENU_SHELL (menubar), menuitem);

    menu=gtk_menu_new();
    gtk_menu_item_set_submenu(GTK_MENU_ITEM(menuitem),menu);
    menuitem=gtk_menu_item_new_with_label("新建");
    gtk_menu_shell_append (GTK_MENU_SHELL (menu), menuitem);
    g_signal_connect(GTK_MENU_ITEM(menuitem),"activate",G_CALLBACK(print_hello),NULL);

    GtkWidget *fixed = gtk_fixed_new();
    gtk_box_pack_start (GTK_BOX (vbox), fixed, TRUE, TRUE, 0);

    GtkWidget *button = gtk_button_new_with_label("Button");
    gtk_fixed_put(GTK_FIXED(fixed), button, 120,120);

6.设置背景图片

有2种方式,一种是把图片直接加载到fix容器里,这时界面会随图片的大小自动调整

    GdkPixbuf *pixbuf = gdk_pixbuf_new_from_file("background.jpg", NULL);
    GtkWidget *image = gtk_image_new_from_pixbuf(pixbuf);
    gtk_fixed_put(GTK_FIXED(fixed), image, 0,0);

另外一种是创建一块画布,把图片画到到画布上,这时超出画布的范围图片将不会显示,画图在回调函数中进行

GdkPixbuf *background;
static gint draw_cb (
     GtkWidget *widget,
     cairo_t   *cr,
     gpointer   data)
{
  gdk_cairo_set_source_pixbuf (cr, background, 0, 0);
  cairo_paint (cr);

  return TRUE;
}

cr是画笔,在回调函数里把图像赋值给画笔,再由画笔画到画布上

    GtkWidget* draw_area = gtk_drawing_area_new();
    gtk_widget_set_size_request(draw_area, 200,200);
    gtk_fixed_put(GTK_FIXED(fixed), draw_area, 0, 0);
    background = gdk_pixbuf_new_from_file("background.jpg", NULL);
    g_signal_connect (draw_area, "draw",G_CALLBACK (draw_cb), NULL);


这时还可以在别的地方在画布上画画,然后再通过gtk_widget_queue_draw (draw_area)来触发回调函数,对画布进行重绘

7.画一个圆

画布的回调函数里有一支画笔cr,可以用这个画图,但是这是私有的,其他地方不能使用,所以需要创建一个全局surface,这个surface与画布绑定,把图先画在surface上,然后在回调函数里把画布的画笔在surface上画图。注意在其他地方创建的画笔在surface上画图是显示不出来的,只有在回调函数里画图才能显示出来。

另外有一个问题就是画图一定要在gtk_widget_show_all(window);之后,在之前是画不出来的,具体原理还不是很清楚,猜想可能是configure_event事件需要在gtk_widget_show_all(window)之后触发,没有初始化是画不了图的。

cairo_surface_t* surface = NULL;
static gint draw_cb (
     GtkWidget *widget,
     cairo_t   *cr,
     gpointer   data)
{
  cairo_set_source_surface (cr, surface, 0, 0);
  cairo_paint (cr);

  return TRUE;
}

int configure_draw(GtkWidget* widget, GdkEventConfigure* event) {
    GtkAllocation allocation;
    if(surface)
    {
        return 0;
        //cairo_surface_destroy(surface);
    }
    else
    {
        gtk_widget_get_allocation (widget, &allocation);
        surface = cairo_image_surface_create(CAIRO_FORMAT_ARGB32,
                                             allocation.width,
                                             allocation.height);
    }

    return TRUE;
}
    g_signal_connect (draw_area, "draw",G_CALLBACK (draw_cb), NULL);
    g_signal_connect(draw_area, "configure_event", G_CALLBACK(configure_draw), NULL);

    gtk_widget_show_all(window);

    cairo_t *cr;
    cr = cairo_create (surface);
    cairo_set_line_width (cr, 9);
    cairo_set_source_rgb (cr, 0.69, 0.19, 0);
    cairo_arc (cr, 100, 100,
               50, 0,
               2 * G_PI);
    cairo_stroke(cr);
    //先把图画在surface上,此时还不能显示图片,需要在draw_cb里显示
    cairo_set_source_surface (cr, surface, 0, 0);
    cairo_paint (cr);
    gtk_widget_queue_draw (draw_area);
    cairo_destroy (cr);

8.事件盒子

很多时候我们都需要鼠标点击来触发一个事件,但是除了按钮和窗口外,其他控件并不能绑定鼠标点击的回调函数,所以这时候事件盒子可以作为一个中间层,把需要鼠标响应的控件放在事件盒子里,再把事件盒子放在容器里,这样这个控件就可以响应鼠标点击的事件了

    event_box = gtk_event_box_new();
    label = gtk_label_new("点击这里,退出");
    gtk_container_add(GTK_CONTAINER(event_box),fixed);
    g_signal_connect(event_box, "button-press-event", G_CALLBACK(gtk_main_quit), fixed);
    gtk_fixed_put(GTK_FIXED(fixed), event_box, 100,100);

9.其他

透明按钮:
gtk_button_set_relief(GTK_BUTTON(button),GTK_RELIEF_NONE);

给按钮设置图片:
gtk_button_set_image(GTK_BUTTON(button), image);

隐藏控件:
gtk_widget_hide

获取父控件:
gtk_widget_get_parent(widget)

本站仅提供存储服务,所有内容均由用户发布,如发现有害或侵权内容,请点击举报
打开APP,阅读全文并永久保存 查看更多类似文章
猜你喜欢
类似文章
GTK:固定容器构件
How Webkit render a button | Fan's blog
linux宝库/编程技术/用Gtk 开发Linux上的GUI应用软件
GTK相关
GTK and Glade3 GUI Programming Tutorial
GTK程序
更多类似文章 >>
生活服务
热点新闻
分享 收藏 导长图 关注 下载文章
绑定账号成功
后续可登录账号畅享VIP特权!
如果VIP功能使用有故障,
可点击这里联系客服!

联系客服