# Ruby Qt 簡介 > 原文： [http://zetcode.com/gui/rubyqt/introduction/](http://zetcode.com/gui/rubyqt/introduction/) 在 Ruby Qt 教程的這一部分中，我們將介紹 Qt 工具包并使用 Ruby 編程語言創建第一個程序。 本教程的目的是幫助您開始使用 Ruby 語言的 Qt 工具包。 可以在此處下載本教程中使用的圖像。 我們使用了 Gnome 項目的 Tango 圖標包中的一些圖標。 ## 關于 Qt 是用于創建圖形用戶界面的領先工具包之一。 Ruby 是一種流行的腳本語言。 ## 創建工具提示 第一個示例將顯示一個工具提示。 工具提示是一個小的矩形窗口，它提供有關對象的簡短信息。 它通常是一個 GUI 組件。 它是應用幫助系統的一部分。 ```rb #!/usr/bin/ruby # ZetCode Ruby Qt tutorial # # This code shows a tooltip on # a window. # # author: Jan Bodnar # website: www.zetcode.com # last modified: September 2012 require 'Qt' class QtApp < Qt::Widget def initialize super setWindowTitle "Tooltip" setToolTip "This is Qt::Widget" resize 250, 150 move 300, 300 show end end app = Qt::Application.new ARGV QtApp.new app.exec ``` 該示例創建一個窗口。 如果將鼠標指針懸停在窗口區域上方，則會彈出一個工具提示。 ```rb require 'Qt' ``` `require`關鍵字導入我們將在應用中使用的必要類型。 ```rb class QtApp < Qt::Widget ``` 該示例繼承自`Qt::Widget`。 `Widget`類是所有用戶界面對象的基類。 小部件是用戶界面的原子。 它從窗口系統接收鼠標，鍵盤和其他事件。 ```rb setWindowTitle "Tooltip" ``` 此方法調用為窗口創建標題。 ```rb setToolTip "This is Qt::Widget" ``` `setToolTip`方法為`Widget`對象創建工具提示。 ```rb resize 250, 150 ``` 在這里，我們設置窗口的寬度和高度。 ```rb move 300, 300 ``` `move`方法在屏幕上移動窗口。 ```rb show ``` 一切準備就緒后，我們在屏幕上顯示窗口。 ```rb app = Qt::Application.new ARGV QtApp.new app.exec ``` 這三行設置了應用。  圖：工具提示 ## 使窗口居中 在第二個示例中，我們將窗口置于屏幕中央。 ```rb #!/usr/bin/ruby # ZetCode Ruby Qt tutorial # # This program centers a window # on the screen. # # author: Jan Bodnar # website: www.zetcode.com # last modified: September 2012 require 'Qt' WIDTH = 250 HEIGHT = 150 class QtApp < Qt::Widget def initialize super setWindowTitle "Center" resize WIDTH, HEIGHT center show end def center qdw = Qt::DesktopWidget.new screenWidth = qdw.width screenHeight = qdw.height x = (screenWidth - WIDTH) / 2 y = (screenHeight - HEIGHT) / 2 move x, y end end app = Qt::Application.new ARGV QtApp.new app.exec ``` Qt 工具包沒有一種將窗口居中的方法。 ```rb WIDTH = 250 HEIGHT = 150 ``` 這兩個常數定義了應用窗口的寬度和高度。 ```rb qdw = Qt::DesktopWidget.new ``` `Qt::DesktopWidget`類提供有關屏幕的信息。 ```rb screenWidth = qdw.width screenHeight = qdw.height ``` 在這里，我們確定屏幕的寬度和高度。 ```rb x = (screenWidth - WIDTH) / 2 y = (screenHeight - HEIGHT) / 2 ``` 在這里，我們計算居中窗口的`x`和`y`坐標。 為了使窗口在屏幕上居中，我們需要知道屏幕的大小和窗口的大小。 ```rb move x, y ``` 我們將窗口移至計算出的 x 和 y 坐標。 ## 退出按鈕 在本節的最后一個示例中，我們將創建一個退出按鈕。 當我們按下此按鈕時，應用終止。 ```rb #!/usr/bin/ruby # ZetCode Ruby Qt tutorial # # This program creates a quit # button. When we press the button, # the application terminates. # # author: Jan Bodnar # website: www.zetcode.com # last modified: September 2012 require 'Qt' class QtApp < Qt::Widget def initialize super setWindowTitle "Quit button" init_ui resize 250, 150 move 300, 300 show end def init_ui quit = Qt::PushButton.new 'Quit', self quit.resize 80, 30 quit.move 50, 50 connect quit, SIGNAL('clicked()'), $qApp, SLOT('quit()') end end app = Qt::Application.new ARGV QtApp.new app.exec ``` `Qt::PushButton`類在 Ruby Qt 中顯示一個按鈕。 它是一個矩形小部件，通常顯示一個文本標簽。 ```rb init_ui ``` 我們將用戶界面的創建委托給`init_ui`方法。 ```rb quit = Qt::PushButton.new 'Quit', self ``` 我們創建按鈕小部件。 構造器的第一個參數是按鈕顯示的標簽。 第二個參數是按鈕的父窗口小部件。 ```rb quit.resize 80, 30 quit.move 50, 50 ``` 我們調整和放置按鈕小部件的大小。 ```rb connect quit, SIGNAL('clicked()'), $qApp, SLOT('quit()') ``` 單擊退出按鈕時，將發出`clicked`信號。 `connect`方法將信號連接到對象的特定槽。 在我們的情況下，它是應用對象的`quit`方法。 `$qApp`是指向應用實例的全局指針。  圖：退出按鈕 本節介紹了使用 Ruby 語言的 Qt 工具包。