C语言GUI程序设计-GTK图文系列-主题设置

G0398

这一讲来讲解GTK中的CSS主题设置。

效果图：



第一张图是只设置了GtkLabel的样式，第二张图是设置了Win7风格的背景色，第三张图设置了XP风格的背景色。

示例代码：

1. #include <gtk/gtk.h>
   
2. 
   
3. static gboolean theme = FALSE;
   
4. 
   
5. void change_theme_clicked(GtkButton *button,gpointer user_data)
   
6. {
   
7.     theme = !theme;
   
8.     GtkSettings *setting = GTK_SETTINGS(user_data);
   
9.     if(theme)
   
10.     {
    
11.         gtk_settings_set_string_property(setting,"gtk-theme-name","theme_win7","");
    
12.     }
    
13.     else
    
14.     {
    
15.         gtk_settings_set_string_property(setting,"gtk-theme-name","theme_xp","");
    
16.     }
    
17. }
    
18. int main(int argc,char *argv[ ])
    
19. {
    
20.     GtkWidget *window,*fixed;
    
21.     GtkWidget *label1,*label2;
    
22.     GtkWidget *button;
    
23.     GtkCssProvider *provider;
    
24.     GError  *err = NULL;
    
25.     GtkSettings *setting;
    
26. 
    
27.     gtk_init(&argc,&argv);
    
28.     window=gtk_window_new(GTK_WINDOW_TOPLEVEL);
    
29.     gtk_window_set_title(GTK_WINDOW(window),"hello fishc - css theme");
    
30.     gtk_widget_set_size_request(GTK_WIDGET(window),300,200);
    
31. 
    
32.     fixed = gtk_fixed_new();
    
33.     gtk_container_add(GTK_CONTAINER(window), fixed);
    
34. 
    
35.     label1 = gtk_label_new("this is a simple");
    
36.     label2 = gtk_label_new("window!");
    
37.     button = gtk_button_new_with_label("change theme");
    
38.     gtk_widget_set_size_request(button, 114,26);
    
39. 
    
40.     gtk_fixed_put(GTK_FIXED(fixed), label1, 110,10);
    
41.     gtk_fixed_put(GTK_FIXED(fixed), label2, 125,40);
    
42.     gtk_fixed_put(GTK_FIXED(fixed), button, 125,80);
    
43. 
    
44.     provider = gtk_css_provider_new();
    
45. 
    
46.     setting = gtk_settings_get_default();
    
47. 
    
48.     g_signal_connect(button, "clicked", G_CALLBACK(change_theme_clicked), setting);
    
49. 
    
50.     gtk_css_provider_load_from_file(provider, g_file_new_for_path("theme.css"), &err);
    
51. 
    
52.     gtk_style_context_add_provider_for_screen(gtk_widget_get_screen(window),
    
53.                                             GTK_STYLE_PROVIDER(provider),
    
54.                                               GTK_STYLE_PROVIDER_PRIORITY_THEME);
    
55.     gtk_widget_show_all(window);
    
56.     gtk_main();
    
57.     return 0;
    
58. }
    

复制代码

用到的主题文件：
theme.css

1. 
   
2. GtkLabel {
   
3.     color:#00A000;
   
4.     background-color:gray;
   
5. }
   
6. GtkButton>GtkLabel
   
7. {
   
8.     color:black;
   
9.     background-color:white;
   
10. }
    
11. GtkButton>GtkLabel:hover {
    
12.     color:red;
    
13.     background-color:white;
    
14. }
    

复制代码

win7\gtk.css

1. 
   
2. GtkWidget {
   
3.     background-color:#A9C3DD;
   
4. }
   

复制代码

xp\gtk.css

1. 
   
2. GtkWidget {
   
3.     background-color:#ECE9D8;
   
4. }
   

复制代码

这个例子程序初始化是加载theme.css中的样式，点击界面的changetheme按钮实现xp和win7风格样式的切换。
css作为网页中广泛使用的层叠样式表在GTK的主题中同样发挥作用，不懂CSS的朋友可以看下：
http://www.w3school.com.cn/css/css_syntax_pro.asp


GTK中的主题主要用到了 GtkStyleContext“类”和 GtkStyleProvider “接口”。
GtkStyleContext作为主题的呈现引擎，GtkStyleProvider作为主题的提供器，将提供器添加到呈现引擎中就可以使用所选的主题了。
这里为了使用CSS样式主题，使用了实现GtkStyleProvider接口的GtkCssProvider“类”，这是一个多态的设计思路，方便扩展，可以自行添加其它的主题提供器，比如GtkXmlProvider使用xml作为样式数据用，不过需要自行解析了。

gtk_css_provider_load_from_file 函数用为提供器加载主题文件。这个函数有三个参数，
第一个为要加载主题文件的提供器，
第二个为要加载的文件是个GFile类型，这里使用g_file_new_from_path函数来创建GFile类型，
第三个参数为GError。
主题提供器设置完成后，设置GtkStyleContext，这里为了设置界面所有元素的样式，使用了gtk_style_context_add_provider_for_screen函数。
这个函数用来为GdkScreen中的所有元素设置主题，它有三个参数，
第一个为GdkScreen类型，通过函数gtk_widget_get_screen()函数获取，
第二个参数为要设置的提供器，
第三个参数为优先级，暂时不用考虑。

设置完成后运行程序就可以加载theme.css中的主题了，出现图一中的效果。

要动态设置主题文件，把主题文件放入指定的路径( $HOME/.themes/theme-name/gtk-3.0/gtk.css)，然后设置主题名称即可。
$HOME变量在windowx系统中对应C:\users\username文件夹。
gtk_settings_set_string_property 函数用来设置程序的字符串环境变量，
这里指定了变量名称gtk-theme-name 以及其取值theme_win7/theme_xp设置完成后，指定的主题就会被应用加载。

下一节讲解GTK中的资源使用。

Angel丶L

沙发 支持了

小甲鱼的二师兄

支持个~

咚咚呆

支持楼主

A2395191495

不错 加油