GTK入門學習 glade的使用

2021-08-22 08:34:00 字數 3011 閱讀 4709

搭建好環境後,在終端敲 glade 即可啟動glade工具。

glade的整體框圖:

當滑鼠放在控制項時,會自動顯示控制項的中文文字,同時,還能人為設定,如下圖:

控制項監視區:能夠看到介面上所有的控制項,同時,選中這個控制項,可以看到這個控制項的具體型別

屬性編輯區:編輯選中控制項的常用屬性,如視窗設定標題、視窗型別、螢幕上顯示位置等。

工具欄:常用的有以下幾個按鈕

新建:新建乙個glade檔案

開啟:開啟乙個已經存在的glade檔案

儲存:儲存乙個glade檔案

選擇:按了這個按鈕, 才能選擇控制項

拖拽調整大小:按了這個按鈕,才能移動控制項的位置,改變控制項的大小

現在開始學習glade的操作。

選擇控制項時,一定要先按工具欄的「選擇」按鈕

操作時,支援撤銷(ctrl+z)和恢復(ctrl+y)等window的快捷鍵

操作的流程和布局的過程是一致的:

1)選擇主視窗,根據需要設定視窗的相應屬性

2)選擇布局容器

3)根據需要選擇相應的控制項,根據需要設定控制項的相應屬性

第一步:選擇主視窗,根據需要設定視窗的相應屬性

1)選擇視窗

3)設定視窗的寬度和高度

第二步:選擇布局容器(固定布局能允許使用者任意布局,所以我們選擇此布局)

第三步:根據需要選擇相應的控制項,根據需要設定控制項的相應屬性(每個控制項的設定方法都差不多,這裡以「按鈕」為例)

1)選擇兩個按鈕

2)調整按鈕的位置以及其大小(有兩種方法可以設定)

a)在介面編輯區里通過拖拽方式進行調整

b)通過屬性編輯區進行設定(先設定起點座標,再設定其寬度和高度)

a) 設定控制項的起點座標

b)設定控制項的寬度和高度

4)設定按鈕的屬性

a)第乙個按鈕作為帶文字內容的普通按鈕

b)第二按鈕為沒邊框的按鈕

按鈕去邊框

其它控制項的操作方法也是差不多的,這裡就不一一枚舉。

在**操作時,我們需要關心的是,如何通過**獲得這個介面的控制項,如本例子中的(主視窗,按鈕),而在介面裡,每個控制項都有乙個標識名稱,這個標識名稱就是在控制項監視區的名字,我們**裡就通過這個標識名稱來獲取介面裡的控制項:

這個標識名稱是可以修改的,如下圖

到這裡,我們的介面就已經設定好了(乙個主視窗裡放了乙個固定布局,布局裡還放了2個按鈕),儲存這個介面即可使用,儲存的時候選擇合適路徑以預設方式儲存即可,檔案的字尾名可以任意,為了易於辨別檔案,我們最好以 .glade 字尾,這裡儲存為test.glade。

**操作

可以簡單分為兩步:

1)讀取glade檔案

// 建立gtkbuilder物件,gtkbuilder在宣告

gtkbuilder *builder = gtk_builder_new(); 

// 讀取test.glade檔案的資訊,儲存在builder指標變數裡

gtk_builder_add_from_file(builder, "./test.glade", null);

2)獲取glade檔案裡的控制項

// 獲取視窗控制項指標,注意"window1" 要和glade裡的標誌名稱匹配

gtkwidget *window = gtk_widget(gtk_builder_get_object (builder, "window1"));  

完整**如下:

#include int main(int argc, char *argv)

// 獲取視窗控制項指標,注意"window1" 要和glade裡的標誌名稱匹配

gtkwidget *window = gtk_widget(gtk_builder_get_object (builder, "window1"));

gtk_widget_show_all(window);

gtk_main();

return 0;

}

執行效果圖如下:

通過上面的例子,利用 glade 工具, 我們可以通過拖放控制項的方式快速設計出使用者介面,可以很直觀地進行相應的布局。但是,如果我們要想實現更多的功能,如給視窗設定背景圖,讓按鈕做相應操作,我們還得通過**實現。glade只是輔助我們設計視窗,它不是萬能的。

GTK入門學習 glade的介紹

上面的學習中,我們是通過純c語言 來進行gtk程式設計的,這也是我們學習gtk的最佳方法,因為這樣我們可以清楚地知道整個流程,大體流程如下 1 建立主視窗,根據需要設定視窗的相應屬性 2 建立布局容器 3 把布局容器新增到視窗裡 4 根據需要建立相應的控制項,根據需要設定控制項的相應屬性 5 把控制...

gtk帶glade的例項

這個例項是gtk與glade結合的例子,用glade布局介面,c程式實現treeview glade布局圖如下 treeview glade.c源程式如下 include include include include gladexml xml 建立treeview的資料model gtktreem...

GTK的入門使用

對於gtk的安裝,可以直接安裝其二進位製包,這樣對於剛入門的朋友來說比較容易上手對於教育網的朋友們可以修改檔案 etc apt source.list,修改如下 新增內容 deb http debian.ustc.edu.cn debian 然後儲存並退出。注 http debian.ustc.ed...