GTK 常用代码

慢慢积累

1. 框架： 

gtk_init(&argc, &argv);
...
g_signal_connect(window, "destroy", G_CALLBACK(gtk_main_quit), NULL);
gtk_main()

2. 加载builder

GtkBuilder *builder;
        builder = gtk_builder_new_from_file("demo.glode");
通过名字获取控件
my_widget = GTK_WIDGET( gtk_builder_get_object( builder, "button" ) )
window = GTK_WIDGET(gtk_builder_get_object(builder, "windowMain"));
g_signal_connect(window, "destroy", G_CALLBACK(gtk_widget_destroyed), &window)

3. 绑定回调

//鼠标离开按钮时触发leave信号
    g_signal_connect(GTK_OBJECT(button),"leave",G_CALLBACK(button_leave),NULL);
//鼠标按下按钮时触发pressed信号
    g_signal_connect(GTK_OBJECT(button),"pressed",G_CALLBACK(button_pressed),NULL);
//鼠标松开是触发clicked信号
    g_signal_connect(GTK_OBJECT(button),"clicked",G_CALLBACK(button_clicked),NULL)

    对应的事件句柄 

void button_leave(GtkWidget *button,gpointer data)

获取屏幕分辨率并设置满屏显示效果 

/* Get the Screen Resolution */
    GdkScreen* screen;
    gint width, height;
    screen = gdk_screen_get_default();
    width = gdk_screen_get_width(screen);
    height = gdk_screen_get_height(screen);
    printf("screen width: %d, height: %d\n", width, height);

    /* Create window and set full screen */
    GtkWidget *window;
    window = gtk_window_new(GTK_WINDOW_TOPLEVEL);
    gtk_window_set_position(GTK_WINDOW(window), GTK_WIN_POS_CENTER);
    gtk_window_set_default_size(GTK_WINDOW(window), width, height);
    gtk_window_set_decorated(GTK_WINDOW(window), FALSE); /* hide the title bar and the boder */

事件回调函数的返回

事件处理函数返回
   TRUE表示事件已处理禁止进一步传播
   FALSE表示事件消息进一步向上传播

CSS 控制界面显示
resource.xml

<?xml version="1.0" encoding="UTF-8"?>
<gresources>
  <gresource prefix="/images">
    <file>bg.gif</file>
  </gresource>
  <gresource prefix="/ui">
    <file>main_window.ui</file>
  </gresource>
  <gresource prefix="/theme">
    <file>reset.css</file>
    <file>theme_black.css</file>
  </gresource>
</gresources>

css示例. https://developer.gnome.org/gtk3/stable/chap-css-overview.html

@import url("resource://theme/reset.css");

* {
    transition-property: color, background-color, border-color, background-image, padding, border-width;
    transition-duration: 1s;

    font: 20px Cantarell;
}

window {
    background-color: #000000;
}

button {
    color: black;
    background-color: #bbb;
    border-style: solid;
    border-width: 2px 0 2px 2px;
    border-color: #333;

    padding: 12px 4px;
}

代码中使用

// 加载 主题. 设置主窗口的背景色为黑色.
 GtkStyleProvider *provider;
 provider = GTK_STYLE_PROVIDER (gtk_css_provider_new ());
 gtk_css_provider_load_from_resource (GTK_CSS_PROVIDER (provider), "/theme/theme_black.css");
 //对 Window 及其子控件 应用主题.
 apply_css (mainWindow, provider);
static void apply_css (GtkWidget *widget, GtkStyleProvider *provider)
{
 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) apply_css, provider);
}