php+GTK2 學習第二篇

　　繼續學習PHP+GTK，這次實際搞東西了。又學習了兩天，博主在這做一下記錄。

　　推薦一篇國外的文章：http://zetcode.com/gui/phpgtktutorial/introduction/ 

　　一定要看這篇文章！

　　一定要看這篇文章！！

　　一定要看這篇文章！！！

 

　　博主英文不好，高中開始對英語就發虛，還好瀏覽器自帶翻譯，開雙頁面，對照着看  ：），這篇文章包含了大量的例子，絕對是入門的不二選擇。最快的學習方法，把里面的代碼copy下來，調用，一邊看效果一邊看代碼。

　　算了，我給你們抄過來吧! 做代碼的搬運工

　　

　　1、小例子

　　

<?php
 
/* 
ZetCode PHP GTK tutorial

This program centers a window on 
the screen.

author: Jan Bodnar
website: www.zetcode.com
last modified: September 2011
*/

class Example extends GtkWindow { 
     

    public function __construct() { 

        parent::__construct(); 
         

        $this->set_title('Simple'); //標題
        $this->set_default_size(250, 150); //大小控制

        $this->connect_simple('destroy', array('gtk', 'main_quit')); 

        $this->set_position(GTK::WIN_POS_CENTER);  //居中顯示
        $this->show(); 
    } 
} 
     
new Example(); 
Gtk::main(); 

　　效果如下：

　　

　　

　　2、簡單按鈕

 

<?php

/* 
ZetCode PHP GTK tutorial

This code shows a tooltip on 
a window and a button.

author: Jan Bodnar
website: www.zetcode.com
last modified: September 2011
*/
 
class Example extends GtkWindow { 
     

    public function __construct() { 

        parent::__construct(); 
         
        $this->init_ui();

    } 

    public function init_ui() {

        $this->set_title('Tooltips');         
        $this->connect_simple('destroy', array('gtk', 'main_quit')); 

        $fixed = new GtkFixed(); //靈活定位
        $this->add($fixed);

        $button = new GtkButton("Button"); //實例化按鈕
        $button->set_size_request(80, 35); //大小控制
        $button->set_tooltip_text("Button widget"); //鼠標放上顯示 類似hover

        $fixed->put($button, 50, 50); //定位
        
        $this->set_tooltip_text("Window widget");

        $this->set_default_size(250, 150); 
        $this->set_position(GTK::WIN_POS_CENTER);
        $this->show_all();         
    }
} 
     
new Example(); 
Gtk::main();

　　效果：

 

　　3、引入圖片

　　

<?php

/* 
ZetCode PHP GTK tutorial

In this program, we lay out widgets
using absolute positioning.

author: Jan Bodnar
website: www.zetcode.com
last modified: September 2011
*/
 
class Example extends GtkWindow { 
     

    public function __construct() { 

        parent::__construct(); 
         
        $this->init_ui();

    } 

    public function init_ui() {

        $this->set_title('Fixed');         
        $this->connect_simple('destroy', array('gtk', 'main_quit')); 

        $this->modify_bg(Gtk::STATE_NORMAL, new GdkColor(6400, 6400, 6440)); //設置大背景色

        $bardejov = GtkImage::new_from_file("./demos/gnu-keys.png");
        $rotunda = GtkImage::new_from_file("./demos/gnome-gimp.png");//引入圖片 注意路徑 不是php文件位置 而是從php.exe這開始的
        
        $fixed = new GtkFixed();
        $fixed->put($bardejov, 20, 20);
        $fixed->put($rotunda, 40, 160);

        $this->add($fixed);        


        $this->set_default_size(300, 280); 
        $this->set_position(GTK::WIN_POS_CENTER);
        $this->show_all();         
 
    }
} 
     
new Example(); 
Gtk::main();
 

　　效果：

 

　　4、UI盒子容器布局

　　

<?php
 
/* 
ZetCode PHP GTK tutorial

In this program, we position two buttons
in the bottom right corner of the window.
We use horizontal and vertical boxes.

author: Jan Bodnar
website: www.zetcode.com
last modified: August 2011
*/

class Example extends GtkWindow { 
     

    public function __construct() { 

        parent::__construct(); 
         
        $this->init_ui();

    } 

    public function init_ui() {

        $this->set_title('Buttons');         
        $this->connect_simple('destroy', array('gtk', 'main_quit')); 
        $this->set_border_width(3);

        $vbox = new GtkVBox(false, 5); //豎向盒子容器
        $hbox = new GtkHBox(true, 3); //橫向盒子容器

        $frame = new GtkFrame(); //空邊框
        $vbox->pack_start($frame, true, true, 0);

        $okButton = new GtkButton("OK");
        $okButton->set_size_request(70, 30);
        $closeButton = new GtkButton("Close");

        $hbox->add($okButton);
        $hbox->add($closeButton);
        
        $halign = new GtkAlignment(1, 0, 0, 0);
        $halign->add($hbox);
        $vbox->pack_start($halign, false, false, 3);

        $this->add($vbox);        

        $this->set_default_size(260, 150); 
        $this->set_position(GTK::WIN_POS_CENTER);
        $this->show_all();          
    }
} 
     
new Example(); 
Gtk::main();

　　效果：

 

　　5、計算器布局

<?php
 
/* 
ZetCode PHP GTK tutorial

In this program we create a skeleton of
a calculator. We use the GtkTable widget.

author: Jan Bodnar
website: www.zetcode.com
last modified: August 2011
*/

class Example extends GtkWindow { 
     

    public function __construct() { 

        parent::__construct(); 
         
        $this->init_ui();

    } 

    public function init_ui() {

        $this->set_title('Calculator');         
        $this->connect_simple('destroy', array('gtk', 'main_quit')); 

        $vbox = new GtkVBox(false, 2);

        $mb = new GtkMenubar(); 
        $filemenu = new GtkMenu(); //菜單
        $filemi = new GtkMenuItem("File"); //項目
        $filemi->set_submenu($filemenu);
        $mb->append($filemi);

        $vbox->pack_start($mb, false, false, 0);

        $table = new GtkTable(5, 4, true);

        $table->attach_defaults(new GtkButton("Cls"), 0, 1, 0, 1);
        $table->attach_defaults(new GtkButton("Bck"), 1, 2, 0, 1);
        $table->attach_defaults(new GtkLabel(), 2, 3, 0, 1);
        $table->attach_defaults(new GtkButton("Close"), 3, 4, 0, 1);

        $table->attach_defaults(new GtkButton("7"), 0, 1, 1, 2);
        $table->attach_defaults(new GtkButton("8"), 1, 2, 1, 2);
        $table->attach_defaults(new GtkButton("9"), 2, 3, 1, 2);
        $table->attach_defaults(new GtkButton("/"), 3, 4, 1, 2);

        $table->attach_defaults(new GtkButton("4"), 0, 1, 2, 3);
        $table->attach_defaults(new GtkButton("5"), 1, 2, 2, 3);
        $table->attach_defaults(new GtkButton("6"), 2, 3, 2, 3);
        $table->attach_defaults(new GtkButton("*"), 3, 4, 2, 3);

        $table->attach_defaults(new GtkButton("1"), 0, 1, 3, 4);
        $table->attach_defaults(new GtkButton("2"), 1, 2, 3, 4);
        $table->attach_defaults(new GtkButton("3"), 2, 3, 3, 4);
        $table->attach_defaults(new GtkButton("-"), 3, 4, 3, 4);

        $table->attach_defaults(new GtkButton("0"), 0, 1, 4, 5);
        $table->attach_defaults(new GtkButton("."), 1, 2, 4, 5);
        $table->attach_defaults(new GtkButton("="), 2, 3, 4, 5);
        $table->attach_defaults(new GtkButton("+"), 3, 4, 4, 5);

        $vbox->pack_start(new GtkEntry(), false, false, 0);
        $vbox->pack_end($table, true, true, 0);

        $this->add($vbox);        

        $this->set_default_size(300, 250); 
        $this->set_position(GTK::WIN_POS_CENTER);
        $this->show_all();         
 
    }
} 
     
new Example(); 
Gtk::main();

效果：

 

　　6、table布局

<?php
 
/* 
ZetCode PHP GTK tutorial

This is a more complicated layout example.
We use GtkAlignment and GtkTable widgets. 

author: Jan Bodnar
website: www.zetcode.com
last modified: August 2011
*/

class Example extends GtkWindow { 
     

    public function __construct() { 

        parent::__construct(); 
         
        $this->init_ui();
    } 

    public function init_ui() {

        $this->set_title('Windows');         
        $this->connect_simple('destroy', array('gtk', 'main_quit')); 

        $this->set_border_width(15);

        $table = new GtkTable(8, 4, false);
        $table->set_col_spacings(3);
        
        $title = new GtkLabel("Windows");
       
        $halign = new GtkAlignment(0, 0, 0, 0);
        $halign->add($title);        
        $table->attach($halign, 0, 1, 0, 1, GTK::FILL, 
            GTK::FILL, 0, 0);
        
        $frame = new GtkFrame();
        $table->attach($frame, 0, 2, 1, 3, GTK::FILL | Gtk::EXPAND,
            GTK::FILL | GTK::EXPAND, 1, 1);

        $activate = new GtkButton("Activate");
        $activate->set_size_request(50, 30);
        $table->attach($activate, 3, 4, 1, 2, GTK::FILL,
            GTK::SHRINK, 1, 1);

        $valign = new GtkAlignment(0, 0, 0, 0);
        $close = new GtkButton("Close");
        $close->set_size_request(70, 30);
        $valign->add($close);
        $table->set_row_spacing(1, 3);
        $table->attach($valign, 3, 4, 2, 3, Gtk::FILL,
            Gtk::FILL | Gtk::EXPAND, 1, 1);

        $halign2 = new GtkAlignment(0, 1, 0, 0);
        $help = new GtkButton("Help");
        $help->set_size_request(70, 30);
        $halign2->add($help);
        $table->set_row_spacing(3, 6);
        $table->attach($halign2, 0, 1, 4, 5, Gtk::FILL,
            Gtk::FILL, 0, 0);
        
        $ok = new GtkButton("OK");
        $ok->set_size_request(70, 30);
        $table->attach($ok, 3, 4, 4, 5, Gtk::FILL,
            Gtk::FILL, 0, 0);

        $this->add($table);        

        $this->set_default_size(300, 250); 
        $this->set_position(GTK::WIN_POS_CENTER);
        $this->show_all();         
    }
} 
     
new Example(); 
Gtk::main();

效果：

 

 

　　7、單選框

<?php
 
/* 
ZetCode PHP GTK tutorial

This program toggles the title of the
window with the GtkCheckButton widget.

author: Jan Bodnar
website: www.zetcode.com
last modified: August 2011
*/

class Example extends GtkWindow { 
     

    public function __construct() { 

        parent::__construct(); 
         
        $this->init_ui();

    } 

    private function init_ui() {

        $this->set_title('Check button');         
        $this->connect_simple('destroy', array('gtk', 'main_quit')); 

        $fixed = new GtkFixed();
        $this->add($fixed);
        
        $cb = new GtkCheckButton("Show title");
        $cb->set_active(true);
        $cb->connect('clicked', array($this, 'on_clicked'));
        $fixed->put($cb, 50, 50);     

        $this->set_default_size(250, 200); 
        $this->set_position(GTK::WIN_POS_CENTER);
        $this->show_all();         
    }

    public function on_clicked($sender) {

        if ($sender->get_active()) {
            $this->set_title("Check button");
        } else {
            $this->set_title("");
        }         
    }
} 
     
new Example(); 
Gtk::main();

效果：

 

　　8、輸入框

<?php
 
/* 
ZetCode PHP GTK tutorial

This example demonstrates the GtkEntry widget.

author: Jan Bodnar
website: www.zetcode.com
last modified: August 2011
*/

class Example extends GtkWindow { 
     
    private $label;

    public function __construct() { 

        parent::__construct(); 
         
        $this->init_ui();

    } 

    private function init_ui() {

        $this->set_title('GtkEntry');         
        $this->connect_simple('destroy', array('gtk', 'main_quit')); 

        $fixed = new GtkFixed();              

        $this->label = new GtkLabel("...");
        $fixed->put($this->label, 60, 40);

        $entry = new GtkEntry();
        $fixed->put($entry, 60, 100);
        $entry->connect('key_release_event', array($this, 'on_key_release'));

        $this->add($fixed); 

        $this->set_default_size(250, 200); 
        $this->set_position(GTK::WIN_POS_CENTER);
        $this->show_all();         
    }

    public function on_key_release($sender, $event) {

        $this->label->set_text($sender->get_text());
    }
} 
     
new Example(); 
Gtk::main();

效果：

這里注意下，我感覺輸入框不好使，一開始點不進去，要縮小再放大下才能光標選中開始輸入，應該還有點問題

 

　　9、復選框

<?php

/* 
ZetCode PHP GTK tutorial

This example demonstrates the GtkComboBox widget

author: Jan Bodnar
website: www.zetcode.com
last modified: August 2011
*/

class Example extends GtkWindow { 
     
    private $label;

    public function __construct() { 

        parent::__construct(); 
         
        $this->init_ui();

    } 

    private function init_ui() {

        $this->set_title('GtkComboBox');         
        $this->connect_simple('destroy', array('gtk', 'main_quit')); 
        
        $fixed = new GtkFixed();
        $this->label = new GtkLabel('-');
        $fixed->put($this->label, 50, 140);

        $cb = GtkComboBox::new_text();
        $cb->connect('changed', array($this, 'on_changed'));
        
        $cb->append_text('Ubuntu');
        $cb->append_text('Mandriva');
        $cb->append_text('Redhat');
        $cb->append_text('Gentoo');
        $cb->append_text('Mint');

        $fixed->put($cb, 50, 30);

        $this->add($fixed);

        $this->set_default_size(250, 200); 
        $this->set_position(GTK::WIN_POS_CENTER);
        $this->show_all();         
    }

    public function on_changed($sender) {
        $this->label->set_label($sender->get_active_text());
    }
} 
     
new Example(); 
Gtk::main();

效果： 

 

　　10.菜單定制

<?php

/* 
ZetCode PHP GTK tutorial

This example shows a submenu.

author: Jan Bodnar
website: www.zetcode.com
last modified: August 2011
*/
 
class Example extends GtkWindow { 
     

    public function __construct() { 

        parent::__construct(); 
         
        $this->init_ui();

    } 

    public function init_ui() {

        $this->set_title('Submenu');         
        $this->connect_simple('destroy', array('gtk', 'main_quit')); 

        $this->modify_bg(Gtk::STATE_NORMAL, new GdkColor(6400, 6400, 6440));
       
        $mb = new GtkMenuBar();

        $filemenu = new GtkMenu();
        $filemi = new GtkMenuItem("File");
        $filemi->set_submenu($filemenu);

        $mb->append($filemi);

        $imenu = new GtkMenu();

        $importm = new GtkMenuItem("Import");
        $importm->set_submenu($imenu);

        $inews = new GtkMenuItem("Import news feed...");
        $ibookmarks = new GtkMenuItem("Import bookmarks...");
        $imail = new GtkMenuItem("Import mail...");

        $imenu->append($inews);
        $imenu->append($ibookmarks);
        $imenu->append($imail);

        $filemenu->append($importm);
       
        $exitmi = new GtkMenuItem("Exit");
        $exitmi->connect_simple('activate', array('gtk', 'main_quit'));
                
        $filemenu->append($exitmi);

        $vbox = new GtkVBox(false, 2);
        $vbox->pack_start($mb, false, false, 0);

        $this->add($vbox);

        $this->set_default_size(320, 250); 
        $this->set_position(GTK::WIN_POS_CENTER);
        $this->show_all();         
    }
} 
     
new Example(); 
Gtk::main();

效果：

 

　　11.提示框

<?php

/* 
ZetCode PHP GTK tutorial

This example demonstrates a
GtkMessageDialog.

author: Jan Bodnar
website: www.zetcode.com
last modified: September 2011
*/
 
class Example extends GtkWindow { 
     
    public function __construct() { 

        parent::__construct(); 
         
        $this->init_ui();

    } 

    public function init_ui() {

        $this->set_title('GtkMessageDialog');         
        $this->connect_simple('destroy', array('gtk', 'main_quit')); 

        $fixed = new GtkFixed();              

        $button = new GtkButton("Information");
        $button->set_size_request($button->size_request());
        $button->connect('clicked', array($this, 'on_clicked'));
        
        $fixed->put($button, 50, 50);
        $this->add($fixed); 

        $this->set_default_size(250, 200); 
        $this->set_position(GTK::WIN_POS_CENTER);
        $this->show_all();         
    }

    public function on_clicked($sender) {

            $md = new GtkMessageDialog($this, Gtk::DIALOG_MODAL,
                Gtk::MESSAGE_INFO, Gtk::BUTTONS_OK, "Download completed.");
            $md->set_title("Information");    
            $md->run();
            $md->destroy();
    }
} 
     
new Example(); 
Gtk::main();

效果：

 

 

　　先搬運這些例子,這只是原文章中我覺得常用一部分，原文里還有其他的例子。大家有需要可以去看看。

　　再發一遍原文章地址：http://zetcode.com/gui/phpgtktutorial/

　　附上文檔的類目錄：http://gtk.php.net/manual/en/html/gtkclasses.html

　　

　　下面是自己總結的一部分:

　　

1、GtkWindow::set_position(GTK::WIN_POS_CENTER);         //window窗口居中
2、GtkWindow::set_title('Simple');                       //設置窗口標題
3、GtkWindow::set_default_size（250，150）;               //設置默認窗口大小
4、GtkWindow::connect_simple('destroy', array('gtk', 'main_quit'));   //設置銷毀關閉桌面



5、 $fixed = new GtkFixed();    //定位容器
    $this->add($fixed);

    $button = new GtkButton("Button");              //實例化按鈕（按鈕名）
    $button->set_size_request(80, 35);              //按鈕大小
    $button->set_tooltip_text("Button widget");   //按鈕懸浮

    $fixed->put($button, 30, 50);        //定位位置

    $this->set_tooltip_text("Window widget");      //空白處懸浮

6、 GtkImage::new_from_file("mincol.jpg");     //引入圖片

7、GtkWindow::modify_bg(Gtk::STATE_NORMAL, new GdkColor(6400, 6400, 6440)); // 設置背景色

8、$vbox = new GtkVBox(false, 5); //創建一個垂直盒子容器。false,這意味着放置在垂直框中的小部件將具有相同的大小。小部件之間的垂直間距設置為5像素。

9、$hbox = new GtkHBox（true，3）; //水平盒子容器 盒子內的所有小部件將具有相同的大小。水平部件之間將有3px的空間

10、new GtkAlignment（1,0,0,0） //創建一個對齊容器，將其子部件放置到右側。設置為1.0成員會把所有的空閑空間水平框的左側

11、$cb = new GtkCheckButton("Show title");
    $cb->set_active(true); //單選框 默認選中
    get_active(); //獲取是否選中的狀態
12、$entry = new GtkEntry();
    $entry->connect('key_release_event', array($this, 'on_key_release'));
    //文字輸入框 綁定鍵盤操作事件
    $sender->get_text()  獲取文本框的內容
13、$cb = GtkComboBox::new_text(); //實例化多選框
    $cb->connect('changed', array($this, 'on_changed')); //綁定選項改變事件
    
    $cb->append_text('Ubuntu');
    $cb->append_text('Mandriva');
    $cb->append_text('Redhat');
    $cb->append_text('Gentoo');
    $cb->append_text('Mint');  //添加選項框項目

    $sender->get_active_text(); //獲取被選中的項目

14、$mb = new GtkMenuBar(); //實例化菜單欄

    $filemenu = new GtkMenu();  //實例化一個菜單
    $filemi = new GtkMenuItem("File"); //實例化項目
    $filemi->set_submenu($filemenu); //項目關聯一個菜單，加入分菜單
    
    $exitmi = new GtkMenuItem("Exit");
    $exitmi->connect_simple('activate', array('gtk', 'main_quit'));  //項目綁定事件            
    $filemenu->append($exitmi); //菜單里插入一個項目

    $mb->append($filemi); //菜單欄里添加拼裝好的項目

    注意用GtkMenuItem去set_submenu GtkMenu，項目去包括菜單
    然后用GtkMenu去append GtkMenuItem 菜單去包含項目
    用GtkMenuBar去append GtkMenuIte 菜單欄去包含菜單

 

　　　　補充一、關於中文

　　　　　　中文亂碼的解決方案，請把自己的php.ini里修改一行

　　　　　　php-gtk.codepage = GBK

　　　　　　並保證代碼里的字符集統一

　　　　

　　　　補充二、做刷新需求

　　　　　　如果要做刷新，請注意要先destory掉，然后再次走一邊放進容器，並再次show。

　　　　　　盡量層級放的淺一點。

 

　　　　補充三、綁定函數

　　　　　　注意再給按鈕綁定函數的時候，被綁定的函數默認接收的第一個參數是綁定的按鈕本身，之后的參數才是綁定時的傳參

　　　　　　

$tmpButton->connect('clicked', array($this, 'buttonClick'), $tableName, $buttonName);

public function buttonClick($button, $tableName, $buttonName){
    var_dump($tableName, $buttonName);
}