libgtk Gtk 窗口，控件，設置（添加圖片等）

{

　　//https://cloud.tencent.com/developer/article/1503060

　　//本文參與騰訊雲自媒體分享計划，歡迎正在閱讀的你也加入，一起分享。

}

 

{

1、關於窗口

 1     // 創建頂層窗體，后面有POPUP的 2 GtkWidget *main_window; 3 main_window = gtk_window_new (GTK_WINDOW_TOPLEVEL); 4 5 // 設置title文字，注意UTF8格式的文字轉換，否則是亂碼 6 gtk_window_set_title (GTK_WINDOW (main_window), g_locale_to_utf8("哈哈",-1,NULL,NULL,NULL)); 7 8 // 設置窗體圖標，用這條語句使所有窗體使用同一個圖標，也有獨立設置（GTK手冊） 9 gtk_window_set_default_icon_from_file( ICON_WNDICON, NULL); 10 11 // 設置邊框寬度，基本隨意 12 gtk_container_set_border_width (GTK_CONTAINER (main_window), 8); 13 14 // 設置模式窗口 15 gtk_window_set_modal(GTK_WINDOW (window), TRUE); 16 17 // 讓窗口總在最前 18 gtk_window_set_keep_above(GTK_WINDOW (window), TRUE); 19 20 // 移動窗口位置 21 gtk_window_move(GTK_WINDOW (window), left, top); 22 // 也是設置位置的，簡單點 23 gtk_window_set_position(GTK_WINDOW (main_window), GTK_WIN_POS_CENTER); 24 25 // 這個讓叉叉無效 26 gtk_window_set_deletable(GTK_WINDOW (main_window), FALSE);

設置全屏顯示的幾種辦法：

 1 //a）簡單一點就用這個。 2 gtk_window_maximize(GTK_WINDOW (main_window)); 3 4 //b）下面這個有邊框但都給擠到屏幕外面了 5 gtk_window_fullscreen( GTK_WINDOW(main_window)); 6 //c）采用設置窗體大小等於screen大小的辦法，就是麻煩點 7 GdkScreen *screen; 8 9 screen = gtk_window_get_screen( GTK_WINDOW( main_window)); 10 gtk_window_set_default_size( GTK_WINDOW( main_window), 11 gdk_screen_get_width(screen), 12 gdk_screen_get_height(screen));

讓窗體尺寸不可調整，但是好像與全屏使用時有些問題，會自動地調整窗口的大小

1       gtk_window_set_resizable(GTK_WINDOW(main_window),FALSE); 2 //或 3 gtk_window_set_policy(GTK_WINDOW(main_window), FALSE, FALSE, TRUE);

常用的信號：

 1 //(a）點擊叉叉 2 gint delete_event (GtkWidget *widget, GdkEvent *event, gpointer data) 3 4 g_signal_connect (G_OBJECT (main_window), "delete_event", G_CALLBACK (delete_event), NULL); 5 6 //(b）窗口變化，gboolean返回TRUE就行了，繼續執行默認過程，同下 7 gboolean window_state_event (GtkWidget *widget, GdkEventWindowState *event, gpointer user_data) 8 9 g_signal_connect (G_OBJECT (main_window), "window_state_event", G_CALLBACK (window_state_event), main_window); 10 //(c）點擊別的窗口 11 gboolean focus_out_event(GtkWidget *widget, GdkEventFocus *event, gpointer user_data) 12 13 gtk_signal_connect (GTK_OBJECT(window), "focus-out-event", GTK_SIGNAL_FUNC(popuptoolbar_fout_event), window); 

POPUP窗口也不錯，而且不會在任務欄出現。

1     window = gtk_window_new(GTK_WINDOW_POPUP); 2 3 //用起來和這個差不多 4 window = gtk_window_new(GTK_WINDOW_TOPLEVEL); 5 gtk_window_set_decorated(GTK_WINDOW (window), FALSE);

設置一個背景圖片，對於整個窗體的，這還真需要點前期策划和藝術細胞，不然效果挺嚇人。我還是喜歡后面的那一個辦法。

 1     GdkPixbuf *pixbuf; 2 GdkPixmap *pixmap; 3 4 gtk_widget_set_app_paintable (main_window, TRUE); 5 gtk_widget_realize (main_window); 6 pixbuf = gdk_pixbuf_new_from_file (ICON_BGPIC, NULL); 7 gdk_pixbuf_render_pixmap_and_mask (pixbuf, &pixmap, NULL, 128); 8 gdk_window_set_back_pixmap (main_window->window, pixmap, FALSE); 9 g_object_unref (pixbuf); 10 g_object_unref (pixmap);

對一部分區域設背景圖，這個辦法比較隨意也簡單，麻煩一點的地方是需要先做個計算，screen在前面有獲得辦法。

同時有說到一個圖片縮放的辦法。

 1     GdkPixbuf *pixbuf; 2 3 image = gtk_image_new_from_file (ICON_BGPIC); 4 pixbuf = gtk_image_get_pixbuf (GTK_IMAGE(image)); 5 pixbuf = gdk_pixbuf_scale_simple(pixbuf, 6 gdk_screen_get_width(screen) - 16, // 16: window border SHIFT 7 gdk_screen_get_height(screen) - 140, // 140: height SHIFT 8 GDK_INTERP_BILINEAR); 9 gtk_image_set_from_pixbuf(GTK_IMAGE(image), pixbuf); 10 // 我放到fixed里了，這個隨便 11 gtk_fixed_put(GTK_FIXED(fixed), image, 0, 0);

2、關於按鈕

 1     // 建立按鈕 2 GtkWidget * button; 3 button = gtk_button_new (); 4 5 // 簡單一點的 6 button = gtk_button_new_with_label ("XX"); 7 8 // 要產生那種能用鍵盤快捷鍵的按鈕 9 button = gtk_button_new_with_mnemonic(g_locale_to_utf8("確定(_O)", -1,NULL,NULL,NULL)); 10 11 // 要好看一點就用一個圖片的 12 // 函數產生一個hbox，然后把botton當作容器放進去，GTK的widget幾乎都是容器，所以這個函數還是比較有用的，在產生toolbar的時候也用到。 13 GtkWidget * create_imagetext_hbox(const char *text,const char *image_path) 14 { 15 GtkWidget *box; 16 GtkWidget *label; 17 GtkWidget *image; 18 19 image = gtk_image_new_from_file (image_path); 20 label = gtk_label_new (g_locale_to_utf8(text, -1,NULL,NULL,NULL)); 21 box = gtk_hbox_new (FALSE, 0); 22 gtk_container_set_border_width (GTK_CONTAINER (box), 2); 23 gtk_box_pack_start (GTK_BOX (box), image, FALSE, FALSE, 3); 24 gtk_box_pack_start (GTK_BOX (box), label, FALSE, FALSE, 3); 25 26 gtk_widget_showall (box); 27 return box; 28 } 29 GtkWidget * create_image_button(const char *text,const char *image_path) 30 { 31 GtkWidget * button; 32 GtkWidget *box; 33 34 box = create_imagetext_hbox(text, image_path); 35 36 button = gtk_button_new (); 37 gtk_container_add (GTK_CONTAINER (button), box); 38 gtk_widget_show (button); 39 return button; 40 } 41 42 // clicked信號定義 43 void user_function (GtkButton *button, gpointer user_data)

3、關於entry

 1     // 建立entry 2 GtkWidget *entry; 3 entry = gtk_entry_new (); 4 5 // 讓entry顯示**** 6 gtk_entry_set_visibility(GTK_ENTRY(entry), FALSE); 7 8 // 讓entry直接響應回車 9 gtk_signal_connect (GTK_OBJECT(entry), "activate", GTK_SIGNAL_FUNC(enter_event), usrdata); 10 11 // 讀/寫entry，讀出的數據指針指向entry的widget內部，不能直接釋放。 12 gchar *gtk_entry_get_text (GTK_ENTRY (entry)) 13 gtk_entry_set_text (GTK_ENTRY (entry), "XX")

4、關於label

 1  // 簡單一點 2 label = gtk_label_new("XX"); 3 4 // 讓label接受鍵盤快捷鍵，並聚焦到某widget 5 label = gtk_label_new_with_mnemonic (g_locale_to_utf8("輸入(_I)", -1,NULL,NULL,NULL)); 6 gtk_label_set_mnemonic_widget (GTK_LABEL (label), widget); 7 8 // 使用<span></span>控制顯示 9 gtk_label_set_markup(GTK_LABEL(label), <span background='red'>"XXXX"</span>); 10 // -----------還有好多label用法，慢慢加

5、BOX參數小記

 1     // 建立box 2 box = gtk_hbox_new (gboolean homogeneous, gint spacing); 3 // 或 4 box = gtk_vbox_new (gboolean homogeneous, gint spacing); 5 6 homogeneous：TRUE，內部widget平均分配box空間，Widget大小不變，只是占地大了，其他地方padding；一般用FALSE即可，是否平均可在pack指定的widget時進行控制。 7 spacing：內部widget間的間隔，pixel單位。 8 9 // 結合gtk_container_set_border_width (GTK_CONTAINER (box), 8);效果也不錯。 10 11 // Pack指定widget到box中 12 gtk_box_pack_start (GtkBox *box, GtkWidget *child, gboolean expand, gboolean fill, guint padding); 13 //或 14 gtk_box_pack_end (GTK_BOX (box), widget, FALSE, FALSE, 0);

expand：TRUE，對所有TRUE參數打包進來的widget平均分配box中剩余的空間，但並不填充，仍保持widget原大小。

fill：TRUE，只有在expand為TRUE時有效，widget改變大小填充滿其在box中占有的空間。

padding：widget與他后面的控件的間隔，pixel單位，最后一個widget將作為與box邊緣的間隔。

box其樂無窮呀！

X、封裝的代碼

雖然喪失了一定的隨意性，但是平常也就這些應用了。

1     X.1 treeview => LGX_storeview 2 lgx_storeview的說明和代碼 3 4 X.2 toolbar 5 6 X.3 calendar 7 8 X.4 inputdialog

Y、Widget的一些常用方法

Y.1、設定大小

1       gtk_widget_set_usize(widget, x, y);

Y.2、使其“變灰色”

1 　　gtk_widget_set_sensitive(widget, FALSE); 2　　 gtk_misc_set_alignment(GTK_MISC(label), 0, 0); 3 4　　 PangoFontDescription *fontdesc; 5 　　fontdesc = pango_font_description_from_string("uming 15"); 6　　 gtk_widget_modify_font(treeview, fontdesc); 7 　　pango_font_description_free(fontdesc); 8 　　fontdesc = pango_font_description_from_string("uming"); 9 　　pango_font_description_set_size (font_desc, 12*PANGO_SCALE);

Z、其他小技巧

Z.1 獲得widget的上下左右

1 　　widget->allocation.x 2 　　widget->allocation.y 3 　　widget->allocation.height 4 　　widget->allocation.width

轉載來自：http://www.cnblogs.com/linge1949/archive/2013/02/26/2934232.html

本文參與騰訊雲自媒體分享計划，歡迎正在閱讀的你也加入，一起分享。

}