GTK Gossip: GtkColorButton 與 GtkColorSelectionDialog

GtkColorButton 是一個外觀為目前選擇顏色的按鈕，按下時會出現選取顏色的對話方塊，您可以使用gtk_color_button_new()建立按鈕，或是使用 gtk_color_button_new_with_color()指定初始顏色建立按鈕，使用gtk_color_button_set_color ()或gtk_color_button_get_color()設定或取得目前的顏色，而這與一個GdkColor有關： typedef struct {   guint32 pixel;   guint16 red;   guint16 green;   guint16 blue; } GdkColor; 從GdkColor的成員名稱上可以了解到，GdkColor包括的有像素、紅、綠、藍資訊，可指定的值為0到65535，例如指定RGB資訊的話： GdkColor color; color.red = 65535; color.green = 65535; color.blue = 65535; 如果您想要使用"#FFFFFF"這樣的方式來指定顏色的話，則可以使用gdk_color_parse()函式，例如： gdk_color_parse("FF0000", &color); 下面這個範例，可以使用GtkColorButton來選擇顏色，並根據所選取的顏色來改變文字的顏色，文字是使用GtkLabel，要改變GtkLabel文字的顏色，則使用gtk_widget_modify_fg()函式： gtk_color_button_demo.c #include <gtk/gtk.h> void color_changed(GtkColorButton *button, gpointer data) { GdkColor color; gtk_color_button_get_color(button, &color); gtk_widget_modify_fg(GTK_WIDGET(data), GTK_STATE_NORMAL, &color); } int main(int argc, char *argv[]) { GtkWidget *window; GtkWidget *label; GtkWidget *button; GtkWidget *box; GdkColor color; gtk_init(&argc, &argv); window = gtk_window_new(GTK_WINDOW_TOPLEVEL); gtk_window_set_title(GTK_WINDOW(window), "GtkColorButton"); gdk_color_parse("#FF0000", &color); label = gtk_label_new("Color me"); gtk_widget_modify_fg(label, GTK_STATE_NORMAL, &color); button = gtk_color_button_new_with_color(&color); box = gtk_hbox_new(TRUE, 5); gtk_box_pack_start(GTK_BOX(box), label, TRUE, TRUE, 5); gtk_box_pack_start(GTK_BOX(box), button, TRUE, TRUE, 5); gtk_container_add(GTK_CONTAINER(window), box); g_signal_connect(GTK_OBJECT(window), "destroy", G_CALLBACK(gtk_main_quit), NULL); g_signal_connect(GTK_OBJECT(button), "color_set", G_CALLBACK(color_changed), label); gtk_widget_show_all(window); gtk_main(); return 0; } gtk_widget_modify_fg()函式的第二個參數 GtkStateType 設定為GTK_STATE_NORMAL，表示設定元件在一般狀態的前景色。一個執行時的畫面如下： 按下按鈕時所出現的對話方塊如下： 實際上該對話方塊即為GtkColorSelectionDialog，GtkColorSelectionDialog實際上是由 GtkColorSelection及GtkDialog組成，GtkColorSelectionDialog的colorsel成員就是指向GtkColorSelection。 GtkColorSelection是一個Widget，包括了色彩輪、色相（Hue）、彩度（Saturation）、明度（Value）、紅、綠、藍的輸入設定，您可以單獨立使用GtkColorSelection，或是簡單的利用 GtkColorSelectionDialog。 下面這個程式直接使用GtkColorSelectionDialog，製作出類似上面範例的作用： gtk_color_selection_dialog_demo.c #include <gtk/gtk.h> void color_changed(GtkButton *button, gpointer label) { GtkWidget *dialog = gtk_color_selection_dialog_new ("GtkColorSelectionDialog"); // 取得GtkColorSelection GtkWidget *colorsel = GTK_COLOR_SELECTION_DIALOG (dialog)->colorsel; // 取得GtkStyle，這是為了接下來可以取得背景資訊 GtkStyle *style = gtk_widget_get_style(GTK_WIDGET(button)); // GtkStyle的bg成員可以取得背景資訊 GdkColor color = style->bg[GTK_STATE_NORMAL]; // 設定GtkColorSelection 出現時的目前顏色 gtk_color_selection_set_current_color( GTK_COLOR_SELECTION(colorsel), &color); gtk_dialog_run(GTK_DIALOG(dialog)); // 設定GtkColorSelection 的目前顏色  gtk_color_selection_get_current_color( GTK_COLOR_SELECTION(colorsel), &color); // 修改按鈕背景色 gtk_widget_modify_bg(GTK_WIDGET(button), GTK_STATE_NORMAL, &color); // 修改GtkLabel前景色 gtk_widget_modify_fg(GTK_WIDGET(label), GTK_STATE_NORMAL, &color); gtk_widget_destroy(dialog); } int main(int argc, char *argv[]) { GtkWidget *window; GtkWidget *label; GtkWidget *button; GtkWidget *box; GdkColor color; gtk_init(&argc, &argv); window = gtk_window_new(GTK_WINDOW_TOPLEVEL); gtk_window_set_title(GTK_WINDOW(window), "GtkColorSelectionDialog"); gdk_color_parse("#FF0000", &color); label = gtk_label_new("Color me"); gtk_widget_modify_fg(label, GTK_STATE_NORMAL, &color); button = gtk_button_new(); // 修改按鈕背景色 gtk_widget_modify_bg(button, GTK_STATE_NORMAL, &color) ; box = gtk_hbox_new(TRUE, 5); gtk_box_pack_start(GTK_BOX(box), label, TRUE, TRUE, 5); gtk_box_pack_start(GTK_BOX(box), button, TRUE, TRUE, 5); gtk_container_add(GTK_CONTAINER(window), box); g_signal_connect(GTK_OBJECT(window), "destroy", G_CALLBACK(gtk_main_quit), NULL); g_signal_connect(GTK_OBJECT(button), "clicked", G_CALLBACK(color_changed), label); gtk_widget_show_all(window); gtk_main(); return 0; }

BloggerAds 廣告 愛地球免費機車健檢 YAMAHA YSP為您的愛車量身打造健檢，凡活動期來店服務皆可免費享精緻健檢 更多訊息.. Impr