# Ruby GTK 簡介 > 原文： [http://zetcode.com/gui/rubygtk/introduction/](http://zetcode.com/gui/rubygtk/introduction/) 在 Ruby GTK 編程教程的這一部分中，我們將介紹 GTK 庫并使用 Ruby 編程語言創建第一個程序。 本教程的目的是幫助您開始使用 GTK 和 Ruby。 可以在此處下載[來下載貪食蛇游戲的圖像](/img/gui/rubygimg.zip)。 ## 關于 GTK 是用于創建圖形用戶界面的工具包。 Ruby 是一種流行的腳本語言。 ## 簡單的例子 在第一個示例中，我們創建一個簡單的窗口。 窗口在屏幕上居中。 ```rb #!/usr/bin/ruby ''' ZetCode Ruby GTK tutorial This program centers a window on the screen. Author: Jan Bodnar Website: www.zetcode.com Last modified: May 2014 ''' require 'gtk3' class RubyApp < Gtk::Window def initialize super set_title "Center" signal_connect "destroy" do Gtk.main_quit end set_default_size 300, 200 set_window_position Gtk::Window::Position::CENTER show end end Gtk.init window = RubyApp.new Gtk.main ``` 本示例在屏幕中央顯示一個`300x200px`的窗口。 ```rb require 'gtk3' ``` `require`關鍵字導入我們將在應用中使用的必要類型。 ```rb class RubyApp < Gtk::Window ``` 該示例繼承自`Gtk::Window`-頂級容器。 ```rb set_title "Center" ``` 我們為窗口設置標題。 ```rb signal_connect "destroy" do Gtk.main_quit end ``` 當單擊標題欄中的關閉按鈕或按 `Alt + F4` 時，會觸發`destroy`信號。 `Gtk.main_quit`方法退出該應用。 ```rb set_default_size 300, 200 ``` 我們為應用窗口設置默認大小。 ```rb set_window_position Gtk::Window::Position::CENTER ``` 這條線使窗口在屏幕上居中。 也可以使用`:center`符號。 ```rb show ``` 一切準備就緒后，我們在屏幕上顯示窗口。 ```rb Gtk.init window = RubyApp.new Gtk.main ``` 這三行設置了應用。 ## 工具提示 第二個示例將顯示一個工具提示。 工具提示是一個小的矩形窗口，它提供有關對象的簡短信息。 它通常是一個 GUI 組件。 它是應用幫助系統的一部分。 ```rb #!/usr/bin/ruby ''' ZetCode Ruby GTK tutorial This program shows a tooltip on a window and a button. Author: Jan Bodnar Website: www.zetcode.com Last modified: May 2014 ''' require 'gtk3' class RubyApp < Gtk::Window def initialize super init_ui end def init_ui set_title "Tooltips" signal_connect "destroy" do Gtk.main_quit end fixed = Gtk::Fixed.new add fixed button = Gtk::Button.new :label =>'Button' button.set_size_request 80, 35 button.set_tooltip_text "Button widget" fixed.put button, 50, 50 set_tooltip_text "Window widget" set_default_size 300, 200 set_window_position :center show_all end end Gtk.init window = RubyApp.new Gtk.main ``` 如果將鼠標指針懸停在窗口和按鈕小部件的上方，則會彈出工具提示。 ```rb def initialize super init_ui end ``` 用戶界面的創建委托給`init_ui`方法。 ```rb fixed = Gtk::Fixed.new add fixed ``` `Gtk::Fixed`是一個允許將小部件定位在固定坐標的容器。 對于更復雜的應用，必須使用布局管理器。 ```rb button = Gtk::Button.new :label =>'Button' ``` `Gtk::Button`小部件已創建。 ```rb button.set_size_request 80, 35 ``` `set_size_request`方法為按鈕小部件提供大小：寬度：80，高度：35。 ```rb button.set_tooltip_text "Button widget" ``` 我們使用`set_tooltip_text`方法設置工具提示。 ```rb fixed.put button, 50, 50 ``` 按鈕窗口小部件以 x：50，y：50 坐標放置在`Gtk::Fixed`容器中。 坐標系從窗口的左上方開始。 ```rb set_tooltip_text "Window widget" ``` 我們為`Gtk::Window`小部件設置了一個工具提示。  圖：工具提示 s ## 退出按鈕 在本章的最后一個示例中，我們將創建一個退出按鈕。 當我們按下此按鈕時，應用終止。 ```rb #!/usr/bin/ruby ''' ZetCode Ruby GTK tutorial This program creates a quit button. When we press the button, the application terminates. Author: Jan Bodnar Website: www.zetcode.com Last modified: May 2014 ''' require 'gtk3' class RubyApp < Gtk::Window def initialize super init_ui end def init_ui fixed = Gtk::Fixed.new add fixed button = Gtk::Button.new :label => "Quit" button.set_size_request 80, 35 button.signal_connect "clicked" do Gtk.main_quit end fixed.put button, 50, 50 set_title "Quit button" signal_connect "destroy" do Gtk.main_quit end set_default_size 300, 200 set_window_position(:center) show_all end end Gtk.init window = RubyApp.new Gtk.main ``` 在示例中，我們將`Gtk::Button`小部件放置在窗口上。 我們將處理器附加到`clicked`信號。 ```rb button = Gtk::Button.new :label => "Quit" ``` 創建帶有標簽`"Quit"`的`Gtk::Button`。 ```rb button.signal_connect "clicked" do Gtk.main_quit end ``` 我們將`main_quit`方法插入按鈕`clicked`信號。 ```rb show_all ``` 我們有兩個選擇。 在所有小部件上調用`show`，或調用`show_all`（顯示容器及其所有子代）。  圖：退出按鈕 本章介紹了使用 Ruby 語言的 GTK 庫。