GTK+浅谈之九控件的外观样式

一、简介

        Gtk+2.0控件的外观主要包括控件的背景颜色、控件的前景颜色、控件的字体等因素。控件的状态包括正常状态（GTK_STATE_NORMAL）、控件获得焦点时的状态（GTK_STATE_ACTIVE）、鼠标移动到控件上方时的状态（GTK_STATE_PRELIGHT）、控件失去功能时的状态（GTK_STATE_INSENSITIVE）、控件被选中时的状态（GTK_STATE_SELECTED）等等，不同的状态可以设定不同的外观。
        其中函数gtk_widget_modify_bg来设定控件的背景颜色， gtk_widget_modify_fg设置前景颜色，  gtk_widget_modify_font设定字体，gtk_widget_modify_text来改变文字录入控件录入的文字颜色，gtk_widget_modify_base来改变文字录入控件的背景颜色，其他的可以参考GTK+2.0的API参考手册。

二、详解

1、程序API

（1）代码

#include <gtk/gtk.h>int main(int argc, char *argv[]){    GtkWidget *window;    GtkWidget *vbox;    GtkWidget *button;    GtkWidget *label;    GtkWidget *entry;    PangoFontDescription *desc;    static GdkColor red = {0, 0xffff, 0, 0};    static GdkColor green = {0, 0, 0xffff, 0};    static GdkColor blue = {0, 0, 0, 0xffff};    static GdkColor yellow = {0, 0xffff, 0xffff, 0};    static GdkColor cyan = {0, 0, 0xffff, 0xffff};    gtk_init(&argc, &argv);    window = gtk_window_new(GTK_WINDOW_TOPLEVEL);    g_signal_connect(G_OBJECT(window), "delete_event", G_CALLBACK(gtk_main_quit), NULL);    gtk_window_set_title(GTK_WINDOW(window), "设定控件的样式");    gtk_window_set_position(GTK_WINDOW(window), GTK_WIN_POS_CENTER);    gtk_container_set_border_width(GTK_CONTAINER(window), 15);    desc = pango_font_description_from_string("Simhei 24");    vbox = gtk_vbox_new(FALSE, 0);    gtk_container_add(GTK_CONTAINER(window), vbox);    button = gtk_button_new_with_label("绿色的按钮");    gtk_widget_modify_bg(button, GTK_STATE_NORMAL, &green);    gtk_widget_modify_bg(button, GTK_STATE_ACTIVE, &cyan);    gtk_widget_modify_bg(button, GTK_STATE_PRELIGHT, &red);    gtk_box_pack_start(GTK_BOX(vbox), button, FALSE, FALSE, 8);    button = gtk_button_new_with_label("红色字的按钮");    gtk_widget_modify_fg(GTK_BIN(button)->child, GTK_STATE_NORMAL, &red);    gtk_widget_modify_fg(GTK_BIN(button)->child, GTK_STATE_ACTIVE, &blue);    gtk_widget_modify_fg(GTK_BIN(button)->child, GTK_STATE_PRELIGHT, &green);    gtk_box_pack_start(GTK_BOX(vbox), button, FALSE, FALSE, 8);    label = gtk_label_new("蓝色的标签文字\n主要是改变了前景颜色");    gtk_widget_modify_fg(label, GTK_STATE_NORMAL, &blue);    gtk_box_pack_start(GTK_BOX(vbox), label, FALSE, FALSE, 8);    desc = pango_font_description_from_string("Simsun 24");    entry = gtk_entry_new();    gtk_entry_set_text(GTK_ENTRY(entry), "红色的输入文字");    gtk_widget_modify_font(entry, desc);    gtk_widget_modify_text(entry, GTK_STATE_NORMAL, &red);    gtk_box_pack_start(GTK_BOX(vbox), entry, FALSE, FALSE, 8);    entry = gtk_entry_new();    gtk_widget_modify_font(entry, desc);    gtk_entry_set_text(GTK_ENTRY(entry), "绿色的背景");    gtk_widget_modify_base(entry, GTK_STATE_NORMAL, &green);    //gtk_widget_modify_text(entry, GTK_STATE_NORMAL, &red);    gtk_box_pack_start(GTK_BOX(vbox), entry, FALSE, FALSE, 8);    gtk_widget_show_all(window);    gtk_main();    return TRUE;}

（2）编译及运行

gcc -o style style.c `pkg-config --libs --cflags gtk+-2.0`

  

2、外观启动配置文件

        更改控件样式还可以编写一个外观启动文件，让单个或多个程序配置为同一风格的显示外观。在/etc/gtk目录下有系统自带的外观启动文件，文件说明了GTK+2.0程序运行时控件的前景颜色、背景颜色、背景图像、字体名称大小等。
（1）编写外观启动文件gtkrc，保存在当前程序目录下

style "default"{    fg[INSENSITIVE] = {0, 0, 0}    bg[NORMAL] = {0.26, 0.73, 0.30}    bg[PRELIGHT] = {0.05, 0.39, 0.01}    bg[ACTIVE] = {0.24, 0.67, 0.28}    bg[INSENSITIVE] = {0.26, 0.73, 0.30}    base[NORMAL] = {0.83, 0.95, 0.83}    bg_pixmap[NORMAL] = "back.png"    bg_pixmap[ACTIVE] = "back.png"    bg_pixmap[PRELIGHT] = "back.png"    font_name = "simsun 16"}class "GtkWidget" style "default"

（2）编写程序rc.c

#include <gtk/gtk.h>int main(int argc, char *argv[]){    GtkWidget *window;    GtkWidget *swin, *hbox;    GtkWidget *button, *label;    gtk_init(&argc, &argv);    gtk_rc_parse("gtkrc");    window = gtk_window_new(GTK_WINDOW_TOPLEVEL);    gtk_widget_set_usize (window, 500, 120);    g_signal_connect(G_OBJECT(window), "delete_event", G_CALLBACK(gtk_main_quit), NULL);    gtk_window_set_title(GTK_WINDOW(window), "外观启动文件");    gtk_window_set_position(GTK_WINDOW(window), GTK_WIN_POS_CENTER);    gtk_container_set_border_width(GTK_CONTAINER(window), 10);    swin = gtk_scrolled_window_new(NULL, NULL);    gtk_container_add(GTK_CONTAINER(window), swin);    gtk_scrolled_window_set_policy(GTK_SCROLLED_WINDOW(swin), GTK_POLICY_AUTOMATIC, GTK_POLICY_AUTOMATIC);    hbox = gtk_hbox_new(FALSE, 0);    gtk_container_set_border_width(GTK_CONTAINER(hbox), 15);    gtk_scrolled_window_add_with_viewport(GTK_SCROLLED_WINDOW(swin), hbox);    button = gtk_button_new_with_label("普通按钮");    gtk_box_pack_start(GTK_BOX(hbox), button, FALSE, FALSE, 5);    button = gtk_toggle_button_new_with_label("状态按钮");    gtk_box_pack_start(GTK_BOX(hbox), button, FALSE, FALSE, 5);    button = gtk_radio_button_new_with_label(NULL, "单选按钮");    gtk_box_pack_start(GTK_BOX(hbox), button, FALSE, FALSE, 5);    button = gtk_check_button_new_with_label("多选按钮");    gtk_box_pack_start(GTK_BOX(hbox), button, FALSE, FALSE, 5);    label = gtk_entry_new();    gtk_box_pack_start(GTK_BOX(hbox), label, FALSE, FALSE, 5);    gtk_entry_set_text(GTK_ENTRY(label), "单行录入");    gtk_widget_show_all(window);    gtk_main();    return TRUE;}

（3）编译并运行比较

gcc -o rc rc.c `pkg-config --libs --cflags gtk+-2.0`

设置样式：

未设置样式：

三、总结

（1）Gtk的样式可以调用API函数，也可以使用标记语言形式。外观启动文件可以参考手册中Rcfile中的内容。
（2）若有建议，请留言，在此先感谢！