# 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

```

这三行设置了应用。

![Tooltip](img/54e4c6b53dc6feab2afe7b66dc55670e.jpg)

图：工具提示

## 使窗口居中

在第二个示例中，我们将窗口置于屏幕中央。

```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`是指向应用实例的全局指针。

![Quit button](img/88dcba9d69ae3b4d6134cb37e85d2865.jpg)

图：退出按钮

本节介绍了使用 Ruby 语言的 Qt 工具包。