gtk新手入門須知

Gtk 新手入門須知

參考網站

官網下載：GTK(window+linux)
官網參考文檔：GTK 3.0 （重點參考demo）
Linux自定gtk2.0，安裝gtk3.0後指定庫版本。
編譯命令：gcc gtk_example.c -o gtk_example `pkg-config --libs --cflags gtk+-3.0`
較大工程建議採用cmake構建工具

基本要素

界面設計採用glade工具進行圖形化設計，生成’.glade’後綴文件，通過gtkbuilder模塊加載,

static gboolean init_builder(GtkBuilder **builder, const GString* path)    
{  
    GError *error = NULL;
    *builder = gtk_builder_new();
    if (gtk_builder_add_from_file(*builder, path->str, &error) == 0) {
        g_warning("cannot load buider file:%s",error->message);
        g_clear_error (&error);
        return FALSE;
    }
    return TRUE;
}

界面的樣式通過加載css文件，代碼如下：

static void set_css(GtkWidget *widget)
{
    GtkStyleProvider *provider= GTK_STYLE_PROVIDER (gtk_css_provider_new ());
    gtk_css_provider_load_from_path(GTK_CSS_PROVIDER(provider), g_css_path, NULL);
    gtk_style_context_add_provider (gtk_widget_get_style_context (widget), provider, G_MAXUINT);
    if (GTK_IS_CONTAINER (widget)) {
        gtk_container_forall (GTK_CONTAINER (widget), (GtkCallback) set_css, provider);
    }
}

自定義無邊框對話框且可移動，代碼如下：

gboolean on_mouse_left_button_press (GtkWidget* widget, GdkEventButton * event, GdkWindowEdge edge)
{
    if (event->type == GDK_BUTTON_PRESS) {
        if (event->button == 1) {
            gtk_window_begin_move_drag(GTK_WINDOW(gtk_widget_get_toplevel(widget)), event->button,  event->x_root,event->y_root, event->time);
        }
    }
    return FALSE;
}
static gboolean init_window(GtkWidget** window,  GtkBuilder* builder)
{
    *window = GTK_WIDGET(gtk_builder_get_object(builder , "window"));
    if (*window == NULL) {
        return FALSE;
    }
    gtk_widget_set_name (*window, "window" );
    gtk_widget_add_events(*window, GDK_BUTTON_PRESS_MASK);
    g_signal_connect(G_OBJECT(*window), "button-press-event", G_CALLBACK(on_mouse_left_button_press), NULL);
    return TRUE;
}