QT Ruby

Rub Qt tutorial
Nota: Pagina para descargar Qt cualquier versin

ftp://ftp.qt-project.org/qt/source/

Este tutorial es Ruby Qt. En este tutorial usted aprender los fundamentos de la
programacin en Qt GUI con el lenguaje Ruby. El tutorial es conveniente para los
principiantes y los programadores intermedios.
Tabla de contenidos
Introduccin
Diseo de gestin
Artilugios
Mens y barras de herramientas
Dilogos
Pintura
Custom Widget
Nibbles
Qt
Qt es un framework de aplicaciones multi-plataforma de desarrollo. Algunas de las
aplicaciones conocidas desarrolladas con Qt son KDE, Opera, Google Earth y
Skype. Qt fue lanzado pblicamente por primera vez en mayo de 1995. Es de doble
licencia. Eso significa, que puede ser utilizado para la creacin de aplicaciones de
cdigo abierto, as como las comerciales. Qt toolkit es una herramienta muy
poderosa. Est bien establecido en la comunidad de cdigo abierto.
Tutoriales similares
Hay un completo tutorial de Ruby en ZetCode. Rub GTK tutorial es un tutorial
para otra biblioteca de interfaz grfica de usuario con el apoyo de Ruby. Qt4
tutorial presenta la biblioteca Qt en el lenguaje C + +.
ZetCode :: ltima modificacin el 02 de noviembre 2012 2007 - 2012 ene Bodnar

Introduccin a Ruby Qt
En esta parte del tutorial de Ruby Qt, vamos a introducir el conjunto de
herramientas Qt y crear nuestros primeros programas que utilizan el lenguaje de
programacin Ruby.
El propsito de este tutorial es para empezar con el conjunto de herramientas Qt
con el lenguaje Ruby. Las imgenes utilizadas en este tutorial puede ser descargado
aqu . He utilizado algunos iconos del paquete de iconos tango del proyecto Gnome.

Sobre
Qt es una de las herramientas principales para la creacin de interfaces grficas de
usuario. Ruby es un lenguaje de programacin popular.

Creacin de un mensaje de ayuda
Creating a Tooltip

El primer ejemplo se mostrar una descripcin. Una descripcin es una pequea
ventana rectangular, lo que da una breve informacin sobre un objeto. Por lo
general es un componente GUI. Es parte del sistema de ayuda de la aplicacin.
#!/usr/bin/ruby
# ZetCode Rub Qt tutorial
# Este cdigo muestra una descripcin de
# Una ventana
# Autor: Jan Bodnar
# website: www.zetcode.com
# ltima modificacin: 09 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

El ejemplo crea una ventana. Si nos site el puntero del ratn sobre el rea de la
ventana, una informacin sobre herramientas aparece.

require 'Qt'

El require importa palabras claves de tipos necesarios que vamos a utilizar en la
aplicacin.

class QtApp<Qt::Widget

El ejemplo hereda de un Qt :: Widget . La clase Widget es la clase base de todos
los objetos de interfaz de usuario. El widget es el tomo de la interfaz de usuario.
Recibe los eventos del ratn, del teclado y del otro del sistema de ventanas.

setWindowTitle "Tooltip"
Esta llamada al mtodo crea un ttulo para la ventana.
setToolTip "Este es Qt :: widget"
El setToolTip mtodo crea un texto de ayuda para el objeto Widget.
resize 250, 150
Aqu se establece la anchura y la altura de la ventana.
move 300, 300
El mtodo move mueve la ventana en la pantalla.
show
Cuando todo est listo, se muestra la ventana de la pantalla.
QtApp.new
app.exec
Estas tres lneas instalan la aplicacin.

Figura: Tooltip

Centrar una ventana
En el segundo ejemplo, vamos a centrar la ventana en la pantalla.

#!/usr/bin/ruby

# ZetCode Ruby Qt tutorial
#
# This program centers a window
# on the screen.
#
# author: Jan Bodnar
# last modified: September 2012

require 'Qt'

WIDTH = 250
HEIGHT = 150


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

QtApp.new
app.exec

El conjunto de herramientas Qt toolkit, no tiene un mtodo simple para centrar
una ventana.

WIDTH = 250
HEIGHT = 150
Estas dos constantes definen la anchura y la altura de la ventana de aplicacin.
qdw = Qt :: DesktopWidget.new
La clase Qt :: DesktopWidget proporciona informacin sobre la pantalla.
screenWidth = qdw.width
screenHeight = qdw.height
Aqu se determina el ancho de la pantalla y la altura.
x = (screenWidth - WIDTH) / 2
y = (screenHeight - HEIGHT) / 2

A continuacin se calcula la coordenadas x, y de la ventana centrada. Para centrar
una ventana en la pantalla, es necesario conocer el tamao de la pantalla y el
tamao de la ventana.

move x, y
Nos mueve la ventana para las coordenadas x, y consideradas

Salga botn
Quit button

En el ltimo ejemplo de esta seccin, vamos a crear un botn de salida. Cuando se
pulsa este botn, la aplicacin termina.

#!/usr/bin/ruby

#
# This program creates a quit
# button. When we press the button,
# the application terminates.
#

require 'Qt'


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

QtApp.new
app.exec

La clase Qt :: PushButton muestra un botn en Ruby Qt. Es un widget rectangular
y por lo general muestra una etiqueta de texto.
init_ui
Nos delega la creacin de la interfaz de usuario para el mtodo init_ui
quit = Qt::PushButton.new 'Quit', self

Creamos el widget de botn. El primer parmetro del constructor es la etiqueta que
muestra el botn. El segundo parmetro es el widget padre del botn.

quit.resize 80, 30
quit.move 50, 50
Nos da el tamao y la posicin del widget de botn.
connect quit, SIGNAL('clicked()'), $qApp, SLOT('quit()')

El clicked seal se emite cuando hacemos clic sobre el botn de salida. La
conexin mtodo, se conecta una seal a una ranura particular de un objeto. En
nuestro caso, es el quit mtodo del objeto de aplicacin. El $qApp es un puntero
global a la instancia de solicitud.

Figura: Quit botn

Esta seccin fue una introduccin al kit de herramientas Qt con el lenguaje Ruby.

Diseo de gestin
En esta parte del tutorial de programacin Ruby Qt, vamos a introducir los
administradores de diseo.
Cuando diseamos el GUI, la interfaz grfica de usuario de nuestra aplicacin,
podemos decidir qu componentes vamos a utilizar y cmo vamos a organizar los
componentes de la aplicacin. Para organizar nuestros componentes, utilizamos
especializados objetos no visibles llamados controladores de distribucin. Hay
varias opciones en Qt. Podemos utilizar el posicionamiento absoluto, una funcin
de gestores de diseo o crear un administrador de diseo personalizado. Tambin
podemos crear los diseos visualmente utilizando el Qt Designer.
Qt tiene algunos controladores de distribucin importantes incorporadas. El Qt::
VBoxLayout es una clase para alinear verticalmente los widgets. Qt::HBoxLayout
alinea los widgets horizontalmente. El Qt::GridLayout es una clase que expone los
widgets en una cuadrcula. El diseo de cuadrcula es el gestor de diseo ms
flexible. Los diseos de caja pueden anidarse uno dentro de otro para crear diseos
complejos.

Posicionamiento absoluto
En la mayora de los casos, los programadores deben usar controladores de
distribucin. Hay algunas situaciones, en las que podemos utilizar el
posicionamiento absoluto. En la posicin absoluta, el programador especifica la
posicin y el tamao de cada widget en pxeles. El tamao y la posicin de un
control no cambian, si cambia el tamao de una ventana. Aplicaciones de aspecto
diferente en las distintas plataformas, lo que se ve bien en Linux, no puede tener un
buen aspecto en Mac OS. El Cambio de fuentes en su aplicacin puede estropear el
diseo. Si traduce la aplicacin en otro idioma, debe rehacer su diseo. Por todos
estos problemas, utilice el posicionamiento absoluto slo cuando tenga una razn
para hacerlo.

#!/usr/bin/ruby

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

require 'Qt'


def initialize
super

setWindowTitle "Absolute"

init_ui

resize 300, 280
move 300, 300

show
end

def init_ui

setStyleSheet "QWidget { background-color: #414141 }"

bardejov = Qt::Pixmap.new "bardejov.jpg"
rotunda = Qt::Pixmap.new "rotunda.jpg"
mincol = Qt::Pixmap.new "mincol.jpg"

barLabel = Qt::Label.new self
barLabel.setPixmap bardejov
barLabel.move 20, 20

rotLabel = Qt::Label.new self
rotLabel.setPixmap rotunda
rotLabel.move 40, 160

minLabel = Qt::Label.new self
minLabel.setPixmap mincol
minLabel.move 170, 50

end
end

QtApp.new
app.exec
En este ejemplo, se muestran tres imgenes utilizando la posicin absoluta.
barLabel = Qt::Label.new self
barLabel.setPixmap bardejov
El Qt::Label widget se utiliza para guardar la imagen.
barLabel.move 20, 20

Usamos el mtodo move para colocar la etiqueta de la ventana en x = 20, y = 20.
Al cambiar el tamao de la ventana, las etiquetas conservan su tamao inicial.

Figura: Posicionamiento absoluto

Botones ejemplo
En el siguiente ejemplo, vamos a colocar dos botones en la esquina inferior derecha
de la ventana.

#!/usr/bin/ruby

#
# In this program, we use box layouts
# to position two buttons in the
# bottom right corner of the window.
#

require 'Qt'


def initialize
super

setWindowTitle "Buttons"

init_ui

resize 330, 170
move 300, 300

show
end

def init_ui
vbox = Qt::VBoxLayout.new self
hbox = Qt::HBoxLayout.new

ok = Qt::PushButton.new "OK", self
apply = Qt::PushButton.new "Apply", self

hbox.addWidget ok, 1, Qt::AlignRight
hbox.addWidget apply

vbox.addStretch 1
vbox.addLayout hbox
end

end

QtApp.new
app.exec
Utilizamos diseos anidados caja para que nuestro diseo previsto.
Utilizamos una caja vertical y una caja horizontal.
apply = Qt::PushButton.new "Apply", self

Estos son los dos botones que se incluirn en la esquina inferior derecha de la
ventana.

hbox.addWidget ok, 1, Qt::AlignRight

Ponemos el botn Aceptar en el cuadro horizontal. El segundo parmetro es el
factor stretch. Se ampla el rea asignada al botn ok. Se necesita todo el espacio
disponible que queda. La alineacin de la windget dentro de esta zona es
controlada por el tercer parmetro. El el botn Qt::AlignRight se alinear a la
derecha.

vbox.addStretch 1

Esta lnea crea un espacio vertical amplio blanco, lo que har que la caja horizontal
con los botones se ubiquen en la parte inferior.

vbox.addLayout hbox
La caja horizontal est anidada dentro de la caja vertical.

Figura: Botones ejemplo

Ejemplo en Windows
El siguiente es un ejemplo ms complicado con diseos de caja anidados.

#!/usr/bin/ruby

#
# In this program, use box layouts
# to create a Windows example
#

require 'Qt'


def initialize
super

setWindowTitle "Windows"

init_ui

resize 350, 300
move 300, 300

show
end

def init_ui

vbox1 = Qt::VBoxLayout.new
hbox1 = Qt::HBoxLayout.new
hbox2 = Qt::HBoxLayout.new

windLabel = Qt::Label.new "Windows", self
edit = Qt::TextEdit.new self
edit.setEnabled false

activate = Qt::PushButton.new "Activate", self
close = Qt::PushButton.new "Close", self
help = Qt::PushButton.new "Help", self

vbox.addWidget windLabel

vbox1.addWidget activate
vbox1.addWidget close, 0, Qt::AlignTop
hbox1.addWidget edit
hbox1.addLayout vbox1

vbox.addLayout hbox1

hbox2.addWidget help
hbox2.addStretch 1
hbox2.addWidget ok

vbox.addLayout hbox2, 1
setLayout vbox

end
end

QtApp.new
app.exec
En esta presentacin, hemos utilizado dos cajas verticales y horizontales.
box = Qt::VBoxLayout.new self
Este es el diseo base del ejemplo.
windLabel = Qt::Label.new "Windows", self

Primero va el widget etiqueta. Se va simplemente a la parte superior de la caja
vertical.

vbox1.addWidget activate
vbox1.addWidget close, 0, Qt::AlignTop
hbox1.addWidget edit
hbox1.addLayout vbox1

vbox.addLayout hbox1

En la parte central de la ventana que tenemos un control de edicin de texto y dos
botones verticalmente alineados. Los botones de entrar en una caja vertical. Los
botones estn alineadas a la parte superior dentro de esta caja vertical. La caja
vertical y la edicin de texto vaya en una caja horizontal. Este cuadro horizontal va
a la caja vertical de la base, justo debajo del control de etiqueta.

Ayuda hbox2.addWidget hbox2.addStretch 1 hbox2.addWidget ok
vbox.addLayout hbox2, 1

La ayuda y el botn Aceptar entrar en otra caja horizontal. Hay un espacio
expandido blanco entre estos dos botones. Una vez ms, la caja horizontal va a la
caja base vertical.

setLayout vbox
El cuadro de base vertical est dispuesto a ser el diseo principal de la ventana.

Figura: Ejemplo en Windows

Ejemplo Nueva carpeta
En el ltimo ejemplo, se utiliza el Qt :: GridLayout Manager para crear un
ejemplo de carpeta nuevo diseo.

#! / Usr / bin / ruby # ZetCode Rub tutorial Qt # # En este programa,
utilice el GridLayout # para crear un ejemplo en Nueva carpeta. # #
Autor: Jan sitio web Bodnar #: # www.zetcode.com ltima modificacin: 09
2012 require 'Qt' clase QtApp <Qt :: Widget def initialize sper
setWindowTitle "Nueva carpeta" init_ui cambio de tamao 300, 300 se
mueven 300, 300 Fin de la presentacin def init_ui red = Qt ::
GridLayout.new auto nameLabel = Qt :: Label.new "Nombre", self NAMEEDIT =
Qt :: texto LineEdit.new self = Qt :: TextEdit.new auto okButton = Qt ::
PushButton.new "OK", self closeButton = Qt :: PushButton.new "Close",
self grid.addWidget nameLabel, 0, 0 grid.addWidget NAMEEDIT, 0, 1, 1, 3
grid.addWidget texto, 1, 0, 2, 4 grid.setColumnStretch 1, 1
grid.addWidget okButton, 4, 2 grid.addWidget closeButton, 4, 3 end end
app = Qt :: Application.new (ARGV) QtApp.new app.exec

En nuestro ejemplo, tenemos una etiqueta, una lnea de edicin, una edicin de
texto y dos botones.

cuadrcula = Qt :: GridLayout.new auto
Creamos una instancia de la GridLayout Qt :: gerente.
grid.addWidget nameLabel, 0, 0
Ponemos el control de etiqueta en la primera celda de la cuadrcula. Las clulas
contar desde 0. Los dos ltimos parmetros son el nmero de fila y columna.

grid.addWidget NAMEEDIT, 0, 1, 1, 3

El widget de edicin se sita en la primera fila, segunda columna. Los dos ltimos
parmetros son el tamao de fila y el tamao de columna. Horizontalmente, el
widget se extender por tres columnas.

grid.setColumnStretch 1, 1

Los parmetros del mtodo son el nmero de columna y el factor de estiramiento.
Aqu establecemos factor de estiramiento 1 a la segunda columna. Esto significa,
que esta columna tendr todo el espacio restante. As lo establece, porque
queramos que nuestros botones para conservar su tamao inicial.

Figura: ejemplo Nueva carpeta

Artilugios
En esta parte del tutorial de programacin Ruby Qt, cubriremos los widgets
bsicos.
Los widgets son los bloques bsicos de construccin de una aplicacin GUI. Con los
aos, varios widgets se convirti en un estndar en todos los conjuntos de
herramientas en todas las plataformas de sistemas operativos. Por ejemplo, un
botn, una casilla de verificacin o una barra de desplazamiento. Qt tiene un rico
conjunto de controles que cubre la mayor parte de las necesidades de
programacin. Aparatos ms especializados se pueden crear como widgets
personalizados.

Qt :: CheckBox
El Qt :: CheckBox es un widget, que tiene dos estados. On y Off. El estado On se
visualiza mediante una marca de verificacin. Se utiliza para denotar una
propiedad booleana. El Qt :: widget de casilla de verificacin ofrece una casilla con
una etiqueta de texto.

#! / Usr / bin / ruby # ZetCode tutorial de Ruby Qt # # Este programa
utiliza Qt :: CheckBox # widget para mostrar / ocultar el ttulo de # de
la ventana. # # Autor: Jan sitio web Bodnar #: # www.zetcode.com ltima
modificacin: 09 2012 require 'Qt' clase QtApp <Qt :: Widget slots
'on_toggled (bool)' def initialize sper setWindowTitle "Qt :: CheckBox"
init_ui resize 250, 150 se mueven 300, 300 def espectculo final init_ui
cb = Qt :: CheckBox.new "Mostrar ttulo", self verdadero cb.setChecked cb
connect, SIGNAL ("activarse y desactivarse (bool)"), yo, SLOT
("on_toggled (bool ) ") cb.move 50, 50 def final on_toggled estatal si el
estado setWindowTitle" Qt :: CheckBox "else setWindowTitle" "end end end
app = Qt :: Application.new ARGV QtApp.new app.exec

En nuestro ejemplo, podemos colocar una casilla de verificacin en la ventana. La
casilla de verificacin muestra / oculta el ttulo de la ventana.

setWindowTitle "Qt :: CheckBox"
Durante la construccin de la ventana, ponemos el ttulo de la ventana.
cb = Qt :: CheckBox.new "Mostrar ttulo", self

El Qt :: CheckBox widget est creado. El primer parmetro del constructor es su
etiqueta de texto. El segundo parmetro es el widget padre.

cb.setChecked verdadero

El ttulo es visible al comienzo de la aplicacin. As que la casilla de verificacin
debe ser revisado tambin.

conectar cb, SIGNAL ("activarse y desactivarse (bool)"), yo, SLOT
("on_toggled (bool)")

La activarse la seal se emite cuando el estado de una casilla de verificacin.
Cuando se emite la seal, que desencadenan la on_toggled mtodo.

si el estado setWindowTitle "Qt :: CheckBox" else setWindowTitle "" end

Segn el estado de la casilla de verificacin, nosotros mostrar u ocultar el ttulo de
la ventana.

Figura: Qt :: CheckBox

Qt :: Etiqueta
El Qt :: Etiqueta widget se utiliza para mostrar texto o imagen. Sin interaccin
del usuario est disponible.

utiliza Qt :: widget de etiqueta para mostrar # letra de una cancin. # #
Autor: Jan sitio web Bodnar #: # www.zetcode.com ltima modificacin: 09
2012 requieren de clase 'Qt' QtApp <Qt :: Widget def initialize sper
setWindowTitle "Sabes que no soy buena" init_ui cambio de tamao 250, 150
se mueven 300, 300 def espectculo final init_ui text = "Te veo abajo en
el bar y escuch las mangas enrolladas y su crneo t-shirt Usted dice por
qu lo hiciste con l hoy? oler y me fuera como si yo fuera Tanqueray \ n
causa usted es mi to, mi to me la mano de Stella y volar por el tiempo
que estoy fuera de la puerta se desgarra por hombres como Roger Moore \ n
Me enga como saba que hara yo ya lo dije, era un problema que sabemos
que No soy bueno "label = Qt :: Label.new texto, auto label.setFont Qt ::
Font.new" Purisa ", 9 vbox = Qt :: VBoxLayout.new vbox.addWidget etiqueta
setLayout vbox end end app = Qt :: Application.new ARGV QtApp.new
app.exec
Nuestro ejemplo muestra la letra de una cancin en la ventana.
text = "Te veo abajo en el bar y escuch las mangas enrolladas y
su crneo t-shirt ...
Se define un texto de lneas mltiples.
label = Qt :: Label.new texto, auto label.setFont Qt :: Font.new
"Purisa", 9
Creamos el widget de etiqueta y cambiar su tipo de letra.
vbox = Qt :: VBoxLayout.new vbox.addWidget etiqueta setLayout vbox

En lugar de manualmente la codificacin de la posicin y el tamao de la etiqueta,
es poner la etiqueta en un diseo de caja.

Figura: Qt :: Etiqueta

Qt :: LineEdit
El Qt :: LineEdit es un widget que permite introducir y editar una sola lnea de
texto sin formato. Hay deshacer / rehacer, cortar / pegar y arrastrar y soltar las
funciones disponibles para un Qt :: LineEdit widget.

#! / Usr / bin / ruby # ZetCode Rub Qt tutorial # # Este programa
muestra el texto # que se introduce en un widget de Qt :: LineEdit # en
un widget de Qt :: Label. # # Autor: Jan sitio web Bodnar #: #
www.zetcode.com ltima modificacin: 09 2012 requieren de clase 'Qt'
QtApp <Qt :: 'on_changed (QString)' slots Widget def initialize sper
setWindowTitle "LineEdit" init_ui cambio de tamao 250, 150 movimiento
300, 300 def espectculo final init_ui @ label = Qt :: Label.new auto
edit = Qt :: LineEdit.new auto connect edicin, SIGNAL ("TextChanged
(QString)"), yo, SLOT ("on_changed (QString)" ) edit.move 60,
100@label.move 60, 40 def final on_changed text@label.setText
text@label.adjustSize end end app = Qt :: Application.new ARGV QtApp.new
app.exec

En nuestro ejemplo se muestran dos widgets. Una lnea de edicin y un widget
etiqueta. El texto introducido en la edicin en lnea se muestra el widget etiqueta.
edit = Qt :: LineEdit.new auto
El Qt :: LineEdit widget est creado.
conectar edicin, SIGNAL ("TextChanged (QString)"), yo, SLOT ("on_changed
(QString)")

Cuando escriba o borre parte del texto de la edicin de lnea, el on_changed mtodo
se dispara.

def on_changed text@label.setText text@label.adjustSize final

En el on_changed mtodo, se establece el contenido de la edicin de lnea para el
widget de etiqueta. El adjustSize mtodo garantiza que todo el texto es visible.

Figura: Qt :: LineEdit Widget

Botones de alternar
Botones de alternar son pulsadores con un pabelln conjunto comprobable. Toggle
botn es un botn que tiene dos estados. Prensado y no presionado. Usted alternar
entre estos dos estados haciendo clic en l. Hay situaciones en las que esta
funcionalidad se adapta bien.

utiliza botones de seleccin para cambiar el color de fondo # de # un
widget. # # Autor: Jan sitio web Bodnar #: # www.zetcode.com ltima
modificacin: 09 2012 require 'Qt' clase QtApp <Qt :: Widget slots
'on_clicked () def initialize sper setWindowTitle "botn Toggle" init_ui
cambio de tamao 300, 180 mover 300, 300 def espectculo final init_ui @
color = Qt :: Color.new 0, 0, 0 setGeometry 300, 300, 280, 170
setWindowTitle "ToggleButton" @ RedB = Qt :: 'Red' PushButton.new, auto @
RedB . setCheckable true@redb.move 10, 10 connect @ RedB, SIGNAL
("clicked ()"), SLOT ("on_clicked ()") = @ greenb Qt :: 'Green'
PushButton.new, self@greenb.setCheckable verdadero @ greenb.move 10, 60
connect @ greenb, SIGNAL ("clicked () '), SLOT (" on_clicked () ") = @
blueb Qt :: PushButton.new" Azul ", self@blueb.setCheckable verdadero
blueb @. movimiento de 10, 110 connect @ blueb, SIGNAL ("clicked ()"),
SLOT ("on_clicked ()") @ cuadrado = Qt :: Widget.new
self@square.setGeometry 150, 20, 100, 100@square.setStyleSheet "QWidget
{background-color:% s}"% @ end def color.name on_clicked rojo = @
Color.red verde = @ = @ Color.green azul Color.Blue if@redb.isChecked
rojo ms rojo = 255 = 0 End if@greenb.isChecked verde ms verde = 255 = 0
final if@blueb.isChecked azul ms azul = 255 = 0 @ end color = Qt ::
Color.new rojo, verde, blue@square.setStyleSheet ("QWidget {background-
color:% s} "% @ color.name) end end app = Qt :: Application.new ARGV
QtApp.new app.exec
En el ejemplo de cdigo, se utilizan tres botones de seleccin para cambiar el color
de un control rectangular.
@ RedB = Qt :: 'Red' PushButton.new, self@redb.setCheckable verdadero
Creamos un Qt :: PushButton widget. El setCheckable mtodo cambia el pulsador
en un botn de activacin.
conectar @ RedB, SIGNAL ("clicked ()"), SLOT ("on_clicked ()")
Nos conecta el botn en el on_clicked llamada al mtodo.
@ Cuadrado = Qt :: Widget.new self@square.setGeometry 150, 20, 100,
100@square.setStyleSheet "QWidget {background-color:% s}"% @ color.name
Creamos un widget cuadrado. Hemos establecido su tamao. Al principio, es negro.
En Qt, se utiliza hojas de estilos para personalizar el aspecto de un widget.
Dentro de la on_clicked mtodo, se determina el valor del color y actualizar el
widget cuadrado a un nuevo color.
rojo = @ Color.red verde = @ = @ Color.green azul Color.Blue
Aqu se determina el color actual del widget cuadrado.
if@redb.isChecked rojo ms rojo = 255 = 0 End
La parte roja del color se cambia, dependiendo del estado del botn de
conmutacin rojo.
@ Color = Qt :: Color.new rojo, verde, azul
Creamos un valor nuevo color.
@ Square.setStyleSheet ("QWidget {background-color:% s}"% @ color.name)
El color de la plaza est actualizado.

Figura: Botones de alternar
Qt :: ComboBox
El Qt :: ComboBox es un widget que permite al usuario elegir entre una lista de
opciones. Se trata de un control de seleccin que muestra el elemento actual, y
puede mostrar una lista de elementos seleccionables. Un cuadro combinado puede
ser editable. Se presenta una lista de opciones para el usuario de una manera que
toma la cantidad mnima de espacio en la pantalla.
utiliza el widget de Qt :: ComboBox. # La opcin seleccionada en el men
desplegable que se muestra en el # widget de etiqueta. # # Autor: Jan
sitio web Bodnar #: # www.zetcode.com ltima modificacin: Sepetmber 2012
require 'Qt' clase QtApp <Qt :: ranuras widget 'on_activated (QString)'
def initialize sper setWindowTitle "Qt :: ComboBox" init_ui resize 250,
150 se mueven 300, 300 def espectculo final init_ui @ label = Qt ::
Label.new "Ubuntu", combo self = Qt :: ComboBox.new auto combo.addItem
"Ubuntu" combo.addItem "Fedora" combo.addItem " Mandriva "combo.addItem"
Red Hat "combo.addItem" Mint "combo connect, SIGNAL (" activado (QString)
"), yo, SLOT (" on_activated (QString) ") combo.move 50, 50 30@label.move
, 100 def final on_activated text@label.setText text@label.adjustSize end
end app = Qt :: Application.new ARGV QtApp.new app.exec
En nuestro ejemplo de cdigo, tenemos dos widgets. Un cuadro combinado y un
widget de etiqueta. La opcin seleccionada en un cuadro combinado se muestra en
la etiqueta.
@ Label = Qt :: Label.new "Ubuntu", self
Esta es la etiqueta que se mostrar la opcin seleccionada en el cuadro combinado.
combo = Qt :: ComboBox.new auto
Creamos la instancia de la Qt :: ComboBox widget.
combo.addItem "Ubuntu" combo.addItem "Fedora" combo.addItem "Mandriva"
combo.addItem "Red Hat" combo.addItem "Mint"
Cuadro combinado se rellena con los valores.
conectar combo, SIGNAL ("activado (QString)"), yo, SLOT ("on_activated
(QString)")
Al seleccionar una opcin en el cuadro combinado, el on_activated mtodo se
dispara.
def on_activated text@label.setText final text@label.adjustSize
En el on_activated mtodo, actualizamos el widget de etiqueta a la cadena
seleccionada en el cuadro combinado.

Figura: Qt :: ComboBox Widget

En esta parte del tutorial de Ruby Qt, hemos presentado varios widgets Qt.
Mens y barras de herramientas
En esta parte del tutorial de programacin Ruby Qt, vamos a trabajar con los
mens y barras de herramientas.
Una barra de men es una de las partes ms visibles de la aplicacin GUI. Se trata
de un grupo de comandos situados en varios mens. Mientras que en las
aplicaciones de consola que tena que recordar todos esos arcanos comandos, aqu
tenemos la mayora de los comandos agrupados en partes lgicas. Hay normas
aceptadas que reducen an ms la cantidad de gasto tiempo para aprender una
nueva aplicacin. Mens de grupo comandos que podemos usar en una aplicacin.
Las barras de herramientas proporcionan un acceso rpido a los comandos ms
utilizados.
Men sencillo
El primer ejemplo se mostrar un men simple.
#! / Usr / bin / ruby # ZetCode Rub Qt tutorial # # Este programa
muestra un sencillo men #. Tiene una accin, que # finalizar el
programa, cuando # seleccionado. # # Autor: Jan sitio web Bodnar #: #
www.zetcode.com ltima modificacin: 11 2012 require 'Qt' clase QtApp <Qt
:: MainWindow def initialize sper setWindowTitle "Men Simple" init_ui
cambio de tamao 250, 150 se mueven 300, 300 Fin de la presentacin def
init_ui quit = Qt :: Action.new "& Salir", el archivo self = MenuBar ().
AgregarMen "& Archivo" file.addAction dejar connect (dejar de fumar,
SIGNAL ("disparado ()"), Qt :: Application.instance, SLOT ("quit ()"))
end end app = Qt :: Application.new ARGV QtApp.new app.exec
Tenemos una barra de mens, un men y una accin. Con el fin de trabajar con los
mens, hay que heredar de MainWindow widget.
dejar de fumar = Qt :: Action.new "& Salir", auto
Esta lnea de cdigo crea una accin . Cada men tiene uno o ms objetos de accin.
Tenga en cuenta el signo (&) carcter. Crea un acceso directo para el elemento. Alt
+ Q. Tambin subraya el carcter Q. El acceso directo est activado, cuando el
men de archivo se coloca hacia abajo.
archivo = MenuBar (). AgregarMen "& Archivo" file.addAction dejar
Creamos un men de objetos. El carcter ampersand crea un acceso directo. Alt + F.
Los atajos consecutivos Alt + F, Alt + Q salir de la aplicacin.
connect (dejar de fumar, SIGNAL ("disparado ()"), Qt ::
Application.instance, SLOT ("quit ()"))
Al seleccionar esta opcin en el men, la aplicacin se cierra.

Figura: Men sencillo
Submen
Un submen es un men conectado a otro objeto de men. El ejemplo siguiente lo
demuestra.
! # / Usr / bin / ruby # ZetCode tutorial de Ruby Qt # # Este programa
crea un submen # # # Autor: Jan sitio web Bodnar #: # www.zetcode.com
ltima modificacin: 11 2012 requieren de clase 'Qt' QtApp <Qt: :.
MainWindow def initialize sper setWindowTitle "Submen" init_ui cambio
de tamao 280, 200 se mueven 300, 300 def espectculo final init_ui quit
= Qt :: Action.new "& Salir", el archivo self = MenuBar () AgregarMen "&
Archivo" IMPM = Qt :: Menu.new "Importar" semillas = Qt :: Action.new
"Importar feed de noticias ...", las marcas de auto = Qt :: Action.new
"Importar marcadores ...", el correo self = Qt :: Action.new " Importar
correo ... ", impm.addAction auto impm.addAction semillas marca
impm.addAction correo file.addMenu IMPM file.addAction dejar connect
(dejar de fumar, SIGNAL (" disparado () "), Qt :: Application.instance,
SLOT ( "quit ()")) end end app = Qt :: Application.new ARGV QtApp.new
app.exec
En el ejemplo, tenemos tres opciones en un submen de un men archivo.
archivo = MenuBar (). AgregarMen "& Archivo" IMPM = Qt :: Menu.new
"Importar"
Tenemos dos mens objetos. El men de archivos y el men de importacin.
semillas = Qt :: Action.new "news feed Importar ...", las marcas de auto
= Qt :: Action.new "Importar marcadores ...", el correo self = Qt ::
Action.new "Importar correo ..." , auto
Creamos tres objetos de accin.
impm.addAction impm.addAction semillas marca correo impm.addAction
Aadimos los objetos de accin en el men de importacin.
file.addMenu IMPM
Por ltimo, aadimos el men Importar en el men archivo.

Figura: Submen
Imgenes, mens, separadores
En el ejemplo siguiente, se mejorar an ms nuestra solicitud anterior. Vamos a
aadir iconos a los mens, atajos de uso y un separador. Tenga en cuenta que el
escritorio Gnome puede ser configurado para no mostrar iconos de men por
defecto. En este caso tenemos que habilitar el menu_have_icons opcin en la
configuracin de la interfaz Gnome.
gconftool-2 - tipo Boolean - set / desktop / gnome / interface /
menus_have_icons Verdadero
Podemos usar el comando anterior o el gconf-editor de la herramienta.
muestra la imagen # mens, atajos y un separador # # autor: Jan sitio web
Bodnar #: # www.zetcode.com ltima modificacin: 11 2012 require 'Qt'
clase QtApp <Qt :: MainWindow def initialize sper setWindowTitle "Men
Imagen" init_ui cambio de tamao 280, 200 se mueven 300, 300 def
espectculo final init_ui newpix = Qt :: Icon.new "new.png" openpix = Qt
:: Icon.new " open.png "quitpix = Qt :: Icon.new" exit.png "Newa = Qt ::
Action.new newpix," & Nuevo ", self open = Qt :: Action.new openpix," &
Abrir ", auto quit = Qt :: Action.new quitpix, "& Salir",
quit.setShortcut yo "Ctrl + Q" file = MenuBar (). AgregarMen "& Archivo"
file.addAction Newa file.addAction file.addAction file.addSeparator dejar
abierta connect (dejar de fumar, SEAL ("activado ()"), Qt ::
Application.instance, SLOT ("quit ()")) end end app = Qt ::
Application.new ARGV QtApp.new app.exec
En nuestro ejemplo, tenemos un men con tres acciones. Slo la accin de dejar de
hacer algo realmente, si lo selecciona. Tambin creamos un separador y un atajo
Ctrl + Q, que pondr fin a la aplicacin.
newpix = Qt :: Icon.new "new.png" openpix = Qt :: Icon.new "open.png"
quitpix = Qt :: Icon.new "exit.png"
Estas son las imgenes PNG, que utilizaremos en la aplicacin.
Newa = Qt :: Action.new newpix, "& Nuevo", self open = Qt :: Action.new
openpix, "& Abrir", auto quit = Qt :: Action.new quitpix, "& Salir", auto
Aqu hemos creado tres objetos de accin. El primer parmetro es el icono .
quit.setShortcut "Ctrl + Q"
Esta lnea crea un acceso directo. Haciendo clic en este acceso directo, vamos a
ejecutar la accin para dejar de fumar, que se salga de la aplicacin.
file.addSeparator
Hemos crear un separador. El separador es una lnea horizontal, que nos permite
acciones de men de grupo en algunas partes lgicas.

Figura: Imgenes, acceso directo y un separador
Una barra de herramientas
La barra de herramientas de clase proporciona un panel mvil que contiene un
conjunto de controles que proporcionan un acceso rpido a las acciones de la
aplicacin.
crea una barra de herramientas # # # Autor: Jan sitio web Bodnar #: #
www.zetcode.com ltima modificacin: 11 2012 requieren de clase 'Qt'
QtApp <Qt: : MainWindow def initialize sper setWindowTitle "Toolbar"
init_ui cambio de tamao 250, 150 se mueven 300, 300 def espectculo
final init_ui newpi = Qt :: Icon.new "new2.png" openpi = Qt :: Icon.new
"open2.png" quitpi = Qt :: Icon.new "exit2.png" toolbar = addToolBar
"main toolbar" toolbar.addAction newpi, "New File" toolbar.addAction
openpi, "Abrir archivo" toolbar.addSeparator dejar = toolbar.addAction
quitpi, "Deja de aplicacin" connect (dejar de fumar, SIGNAL ("disparado
()"), Qt :: Application.instance, SLOT ("quit ()")) end end app = Qt ::
Application.new ARGV QtApp.new app.exec
Creamos una barra de herramientas con tres objetos de accin y un separador.
newpi = Qt :: Icon.new "new2.png" openpi = Qt :: Icon.new "open2.png"
quitpi = Qt :: Icon.new "exit2.png"
Objetos de la barra de herramientas de accin mostrar los siguientes iconos.
addToolBar toolbar = "main toolbar"
El addToolBar mtodo de la MainWindow crea una barra de herramientas para la
aplicacin. La cadena de texto ofrece una barra de herramientas un nombre. Este
nombre se utiliza para hacer referencia a esta barra de herramientas, porque puede
haber varias barras de herramientas en una sola aplicacin. Si haga clic derecho en
el rea de la ventana, podemos ver una opcin de comprobarse, que muestra /
oculta la barra de herramientas.
toolbar.addSeparator
Nosotros creamos un separador vertical.
connect (dejar de fumar, SIGNAL ("disparado ()"), Qt ::
Application.instance, SLOT ("quit ()"))
Cuando se hace clic en el objeto de accin para dejar de fumar, la aplicacin
termina.

Figura: Barra de herramientas
Deshacer Rehacer
El siguiente ejemplo demuestra, cmo podemos desactivar botones de barra de
herramientas en la barra de herramientas. Es una prctica comn en la
programacin de GUI. Por ejemplo, el botn Guardar. Si guardar todos los cambios
de nuestro documento en el disco, el botn Guardar est desactivado en muchos
editores de texto. De esta forma la solicitud indica al usuario, todos los cambios que
estn ya registrados.
! # / Usr / bin / ruby # ZetCode Rub Qt tutorial # # Esto deshabilita
programas / # permite acciones en una barra de herramientas # # Autor:
Jan Bodnar # web: www.zetcode.com # ltima modificacin: 11 2012
requieren de clase 'Qt' QtApp <Qt :: 'count ()' slots MainWindow def
initialize sper setWindowTitle "Toolbar" init_ui cambio de tamao 250,
150 se mueven 300, 300 def espectculo final init_ui @ count = 2 undoi =
Qt :: Icon.new "undo.png" redoi = Qt :: Icon.new "redo.png" quitpi = Qt
:: Icon.new "quit.png" toolbar = addToolBar "primera barra de
herramientas" @ und = toolbar.addAction undoi, "Deshacer" @ red =
toolbar.addAction redoi "Rehacer" connect @ und, SIGNAL ("disparado ()"),
auto, SLOT ("count ()") connect @ red, SIGNAL ("disparado ()"), auto,
SLOT ("count ()") toolbar.addSeparator dejar = toolbar.addAction quitpi,
"Quit Application" connect para dejar de fumar, SIGNAL ("disparado ()"),
Qt :: Application.instance, SLOT ("quit ()") end def accin count =
remitente si "Deshacer "== action.text @ @ count = count - 1 else @ @
count = count + 1 end if @ contador <= False End 0@und.setDisabled
true@red.setDisabled si @ count> = false 5@und.setDisabled @
red.setDisabled verdadero fin end end app = Qt :: Application.new ARGV
QtApp.new app.exec
En nuestro ejemplo, tenemos tres Accin objetos y un separador. Despus de varios
clics en los botones de deshacer o rehacer, se convierten en desactivada.
Visualmente, los botones aparecen en gris.
@ Count = 2
Los @ conteo determina variables, qu botn se activa y desactiva.
Connect @ und, SIGNAL ("disparado ()"), auto, SLOT ("count ()") connect @
red, SIGNAL ("disparado ()"), auto, SLOT ("count ()")
Al hacer clic en el botn de barra de herramientas, la activa seal es emitida.
Unimos esta seal a la cantidad mtodo.
action = remitente
Los dos botones de la barra llame al nmero mtodo. Tenemos que decirle entre
ellos. Esta lnea determina que la accin objeto la actualidad se emite la seal.
si "Deshacer" == action.text @ @ count = count - 1 else @ @ count = count
+ 1 end
El botn de barra de herramientas deshacer resta 1 de la variable de recuento. La
redo suma 1. Dependiendo del valor de la variable de recuento, se activar /
desactivar los botones de la barra de herramientas.
si @ count <= False End 0@und.setDisabled true@red.setDisabled
El setDisabled mtodo activa o desactiva los botones de la barra de herramientas.

Figura: Deshacer Rehacer

En esta parte del tutorial de Ruby Qt, mencionamos los mens y barras de
herramientas.
Dilogos
En esta parte del tutorial de programacin Ruby Qt, vamos a trabajar con cuadros
de dilogo.
Ventanas de dilogo o cuadros de dilogo son una parte indispensable de la
mayora de aplicaciones grficas modernas. Un cuadro de dilogo se define como
una conversacin entre dos o ms personas. En una aplicacin informtica un
cuadro de dilogo es una ventana que se utiliza para "hablar" con la aplicacin. Un
cuadro de dilogo se utiliza para ingresar datos, modificar datos, cambie la
configuracin de la aplicacin Dilogos etc son un medio importante de
comunicacin entre un usuario y un programa informtico.
Los cuadros de mensaje
Los cuadros de mensaje son cuadros de dilogo convenientes que proporcionan
mensajes al usuario de la aplicacin. El mensaje se compone de texto y datos de
imagen.
! # / Usr / bin / ruby # ZetCode tutorial de Ruby Qt # # # Este programa
muestra los cuadros de dilogo de mensajes # # Autor: Jan sitio web
Bodnar #: # www.zetcode.com ltima modificacin: Julio 2009 requieren
class 'Qt' QtApp <Qt: : 'showDialog ()' slots Widget def initialize sper
setWindowTitle "dilogos de mensajes" init_ui cambiar el tamao de 250,
150, 300 300 se mueven espectculo final def init_ui cuadrcula = Qt ::
auto GridLayout.new grid.setSpacing 2 Error = Qt :: PushButton.new
"Error", alerta self = Qt :: PushButton.new "Warning", pregunta self = Qt
:: PushButton.new "Pregunta", la informacin self = Qt :: PushButton.new
"Informacin", self about = Qt :: PushButton . nueva "Acerca de", error
grid.addWidget auto, 0, 0 advertencias grid.addWidget, 0, 1 pregunta
grid.addWidget, 1, 0 informacin grid.addWidget, 1, 1 sobre
grid.addWidget, 2, 0 connect (error , SIGNAL ("clicked ()"), auto, SLOT
("showDialog ()")) connect (advertencia, SIGNAL ("clicked ()"), auto,
SLOT ("showDialog ()")) connect (pregunta, SEAL ("clicked ()"), auto,
SLOT ("showDialog ()")) connect (informacin, SIGNAL ("clicked ()"),
auto, SLOT ("showDialog ()")) connect (aproximadamente, SIGNAL (" clicked
() "), yo, SLOT (" showDialog () ")) end def showDialog botn = remitente
en caso de" Error "== button.text Qt :: auto MessageBox.critical," Error
"," Error al cargar el archivo! " elsif "Warning" == button.text Qt ::
auto MessageBox.warning, "Advertencia", "Operation not permitted" elsif
"Pregunta" == button.text Qt :: auto MessageBox.question, "Question",
"Ests seguro de dejar de fumar?" elsif "Informacin" == button.text Qt
:: auto MessageBox.information, "Informacin", "Descarga completa". elsif
"Acerca de" Qt :: == button.text auto MessageBox.about, "Acerca de",
"Rub ZetCode tutorial Qt." end end end app = Qt :: Application.new ARGV
QtApp.new app.exec
Usamos el GridLayout gerente de crear una cuadrcula de cinco botones. Cada
uno de los botones muestra un cuadro de mensaje diferente.
si "Error" == button.text Qt :: auto MessageBox.critical, "Error", "Error
al cargar archivo"
En caso de que puls el botn de error, se muestra el cuadro de dilogo de error.
Utilizamos mtodos estticos de la de mensajes de clase para mostrar los cuadros
de mensaje.

InputDialog
El InputDialog clase proporciona un cuadro de dilogo simple conveniencia de
obtener un nico valor para el usuario. El valor de entrada puede ser una cadena,
un nmero o un elemento de una lista. Una etiqueta debe estar configurado para
decirle al usuario lo que debe ingresar.
muestra un cuadro de dilogo de entrada # # # Autor: Jan sitio web Bodnar
#: # www.zetcode.com ltima modificacin: Julio 2009 requieren class 'Qt'
QtApp <Qt :: 'showDialog ()' slots Widget def initialize sper
setWindowTitle "Entrada de dilogo" init_ui cambio de tamao 400, 80 se
mueven 300, 300 def espectculo final init_ui show = Qt :: PushButton.new
"Dialog", auto connect (show, SIGNAL (" clicked () "), yo, SLOT ("
showDialog () ")) show.move 20, 20 @ edit = Qt :: LineEdit.new
self@edit.move 130, 22 Final def showDialog text = Qt :: InputDialog.
auto getText, "Dilogo de entrada", "Escriba su nombre" si el texto! name
= nil text.strip = si no name.empty? @ Name edit.setText final final
final final App = Qt :: Application.new ARGV QtApp.new app.exec
En el ejemplo de cdigo, tenemos un botn y una edicin de lnea. El botn
muestra un cuadro de dilogo de entrada. Tenemos un poco de texto y el texto se
muestra en el widget de lnea de edicin.
text = Qt :: auto InputDialog.getText, "Dilogo de entrada", "Escriba su
nombre"
El getText mtodo esttico crea el dilogo de entrada. El texto del cuadro de
dilogo se almacena en la variable de texto.
si el texto! name = nil text.strip = si no name.empty? @ Name
edit.setText end end
Antes de actualizar la edicin en lnea, nos aseguramos de que la variable de texto
no es nulo y que no est vaco y no se compone slo de espacios.

Figura: dilogo de entrada
ColorDialog
El ColorDialog clase proporciona un widget de dilogo para especificar los
colores. La funcin del dilogo de color es permitir a los usuarios elegir los colores.
! # / Usr / bin / ruby # ZetCode tutorial de Ruby Qt # # En este
programa, se utiliza el ColorDialog # para cambiar el color de un texto #
etiqueta # # Autor: Jan sitio web Bodnar #: # www.zetcode.com ltima
modificacin : julio 2009 requieren clase 'Qt' QtApp <Qt :: 'showDialog
()' slots Widget def initialize sper setWindowTitle dilogo "Color"
init_ui cambio de tamao 400, 300 se mueven 300, 300 def espectculo
final init_ui @ label = Qt :: Label.new "ZetCode Rub Qt tutorial", self
vbox = Qt :: VBoxLayout.new self@label.setAlignment Qt :: AlignCenter
vbox.addWidget @ end def etiqueta mousePressEvent evento color = Qt ::
ColorDialog.getColor si no color.isValid return end @ label.setStyleSheet
"QWidget {color:% s}" end end% color.name app = Qt :: Application.new
ARGV QtApp.new app.exec

Se muestra un poco de texto en el centro de la ventana. Al hacer clic en el rea de la
ventana, se muestra un cuadro de dilogo de color. Cambiamos el color de primer
plano del texto con el color seleccionado en el cuadro de dilogo.
def mousePressEvent evento ... final
Para recibir eventos de ratn de prensa para nuestra ventana, hay que
reimplementar el mousePressEvent mtodo.
color = Qt :: ColorDialog.getColor
El ColorDialog se est creando. El color seleccionado se almacena en el color de
la variable.
@ Label.setStyleSheet "QWidget {color:% s}"% color.name
Aqu actualizamos el color de primer plano del texto de la etiqueta.

Figura: ColorDialog
FontDialog
El FontDialog clase proporciona un widget de dilogo para seleccionar una
fuente.
! # / Usr / bin / ruby # ZetCode tutorial de Ruby Qt # # En este
programa, se utiliza el FontDialog # para cambiar el tipo de letra de un
texto # etiqueta # # Autor: Jan sitio web Bodnar #: # www.zetcode.com
ltima modificacin : julio 2009 requieren clase 'Qt' QtApp <Qt ::
'showDialog ()' slots Widget def initialize sper setWindowTitle dilogo
"Fuente" init_ui cambio de tamao 400, 300 se mueven 300, 300 def
espectculo final init_ui @ label = Qt :: Label.new "ZetCode Rub Qt
tutorial", self vbox = Qt :: VBoxLayout.new self@label.setAlignment Qt ::
AlignCenter vbox.addWidget @ end def etiqueta mousePressEvent ok event =
Qt :: Boolean.new font = Qt :: FontDialog.getFont ok ok si no regreso
final end@label.setFont extremo fuente app = Qt :: Application.new ARGV
QtApp.new app.exec
Este ejemplo es similar al anterior. Esta vez, cambiar la fuente del texto.
font = Qt :: ok FontDialog.getFont
El FontDialog se est creando.
si no return end ok
El booleano ok variable es true, si hace clic en el botn Aceptar del cuadro de
dilogo. Volvemos a partir del mtodo, si el botn Cancelar se presion.
@ Label.setFont fuente
Actualizamos la etiqueta a la fuente que ha seleccionado.

Figura: FontDialog

En esta parte del tutorial de Ruby Qt, trabajamos con ventanas de dilogo.
Pintura
En esta parte del tutorial de programacin Ruby Qt vamos a hacer un poco de
pintura.
Cuando tenemos que pintar? Hay situaciones, cuando tenemos que crear un widget
desde cero. En tal caso, tenemos que hacer la pintura. O queremos crear grficos,
adornos especiales, efectos o mejoras widget.
El Pintor de clases es fundamental cuando hacemos algo de pintura en la
biblioteca Qt. Eventos de pintura son recibidos en el paintEvent mtodo. Para
hacer pintura de encargo, tenemos que reimplementar este mtodo.
Patrones
En Qt, hay varios modelos, que podemos utilizar para rellenar el interior de formas.
#!/usr/bin/ruby

#
# This program draws nine rectangles.
# The interiors are filled with
# different built-in patterns.
#
# author: jan bodnar
# last modified: June 2009

require 'Qt'


def initialize
super

setWindowTitle "Patterns"

resize 350, 280
move 300, 300

show
end

def paintEvent event

painter = Qt::Painter.new self

drawPatterns painter
painter.end
end

def drawPatterns painter

painter.setPen Qt::NoPen

painter.setBrush Qt::HorPattern
painter.drawRect 10, 15, 90, 60

painter.setBrush Qt::VerPattern

painter.setBrush Qt::CrossPattern

painter.setBrush Qt::Dense7Pattern



painter.setBrush Qt::BDiagPattern

painter.setBrush Qt::FDiagPattern

painter.setBrush Qt::DiagCrossPattern
end
end

QtApp.new
app.exec
In the code example, we will draw nine rectangles and fill them with different brush
patterns.


drawPatterns painter
painter.end
end
When the window area needs to be redrawn, the paintEvent method is called.
This happens, when we resize the window, maximize it or minimize it etc. Inside
this method, we create the Painter object. This object is used to do all painting in
Qt. The painting itself is delegated to the drawPatterns method.
The pen object is used to draw outlines of the shapes. In our example we will not
use a pen.
painter.setBrush Qt::HorPattern
We set a horizontal pattern as a brush.
We draw a rectangle, with the current pen and brush. The first two parameters of
the method are the x, y coordinates. The last two parameters are the width and
height of the rectangle.
painter.end
Ends painting. Any resources used while painting are released.

Figure: Patterns
Shapes
The Qt painting API can draw various shapes. The following programming code
example will show some of them.
#!/usr/bin/ruby

#
# This program draws basic shapes
#
# author: jan bodnar
# last modified: June 2009

require 'Qt'


def initialize
super

setWindowTitle "Basic shapes"

resize 350, 280
move 300, 300

show
end



drawShapes painter
painter.end
end

def drawShapes painter

painter.setRenderHint Qt::Painter::Antialiasing
painter.setPen Qt::Color.new 150, 150, 150
painter.setBrush Qt::Brush.new Qt::Color.new 150, 150, 150

path1 = Qt::PainterPath.new

path1.moveTo 5, 5
path1.cubicTo 40, 5, 50, 50, 99, 99
path1.cubicTo 5, 99, 50, 50, 5, 5
painter.drawPath path1

painter.drawPie 130, 20, 90, 60, 30*16, 120*16
painter.drawChord 240, 30, 90, 60, 0, 16*180
painter.drawRoundRect 20, 120, 80, 50

points = []
points.push Qt::Point.new 130, 140

polygon = Qt::Polygon.new points

painter.drawPolygon polygon

baseline = Qt::PointF.new 20, 250
font = Qt::Font.new "Georgia", 55
path2.addText baseline, font, "Q"

painter.drawEllipse 140, 200, 60, 60
painter.drawEllipse 240, 200, 90, 60

end
end

QtApp.new
app.exec
In this code example, we draw nine different shapes on the window. A complex
path, a pie, a chord, a rounded rectangle, a polygon, a rectangle, a character based
shape, a circle and an ellipse.
painter.setRenderHint Qt::Painter::Antialiasing
We use antialiasing in the example. Antialiased shapes look better, but it takes
more time to draw them.
painter.setBrush Qt::Brush.new Qt::Color.new 150, 150, 150
We use a dark gray pen and brush to draw the shapes.

path1.moveTo 5, 5
path1.cubicTo 40, 5, 50, 50, 99, 99
path1.cubicTo 5, 99, 50, 50, 5, 5
La forma compleja primero se crea con la PainterPath objeto. La clase
PainterPath proporciona un recipiente para operaciones de pintura. Un camino
pintor es un objeto compuesto por una serie de bloques de construccin grficos,
como rectngulos, elipses, lneas y curvas.
painter.drawPie 130, 20, 90, 60, 30 * 16, 120 * 16 painter.drawChord 240,
30, 90, 60, 0, 16 * 180 painter.drawRoundRect 20, 120, 80, 50
Estas tres lneas dibujar un pastel, una cuerda y un rectngulo redondeado.
puntos = [] points.push Qt :: Point.new 130, 140 points.push Qt ::
Point.new 180, 170 points.push Qt :: Point.new 180, 140 points.push Qt ::
Point.new 220 , 110 points.push Qt :: Point.new 140, 100 polgono = Qt ::
puntos Polygon.new polgono painter.drawPolygon
Nosotros utilizamos una matriz de cinco puntos para crear un polgono.
baseline = Qt :: PointF.new 20, 250 font = Qt :: Font.new "Georgia", 55
path2 = Qt :: PainterPath.new path2.addText lnea de base, la fuente, "Q"
Estas lneas crean una forma basada en caracteres.
painter.drawEllipse 140, 200, 60, 60 painter.drawEllipse 240, 200, 90, 60
Estas dos lneas de crear un crculo y una elipse, respectivamente.

Figura: Formas
Rectngulos transparentes
La transparencia es la cualidad de ser capaz de ver a travs de un material. La
manera ms fcil de entender la transparencia es imaginar un trozo de vidrio o el
agua. Tcnicamente, los rayos de luz puede pasar a travs del vidrio y de esta
manera podemos ver los objetos detrs del vidrio.
En grficos de computadora, podemos lograr efectos de transparencia con la
composicin alfa. Composicin alfa es el proceso de combinar una imagen con un
fondo para crear la apariencia de una transparencia parcial. El proceso de
composicin utiliza un canal alfa. (Wikipedia.org, answers.com)
#! / Usr / bin / ruby # ZetCode tutorial de Ruby Qt # # Este programa se
basa Ten # # rectngulos con diferentes niveles de transparencia. # #
Autor: Jan sitio web Bodnar #: # www.zetcode.com ltima modificacin:
Junio 2009 require 'Qt' clase QtApp <Qt :: Widget def initialize sper
setWindowTitle "rectngulos transparentes" cambio de tamao 590, 90 300,
300 se mueven definicin final espectculo paintEvent evento pintor = Qt
:: Painter.new auto DrawRectangles pintor painter.end final def
DrawRectangles pintor painter.setPen Qt :: nAbrir for i in 1 .. 10
painter.setBrush Qt :: Brush.new Qt :: Color.new 0 , 0, 255, i * 25 * i
painter.drawRect 50, 20, 40, 40 end end end app = Qt :: Application.new
ARGV QtApp.new app.exec
En el ejemplo que vamos a sacar diez rectngulos con diferentes niveles de
transparencia.
No utilizamos pluma.
for i in 1 .. 10 painter.setBrush Qt :: Brush.new Qt :: Color.new 0, 0,
255, i * 25 painter.drawRect 50 * i, 20, 40, 40 final
El ltimo parmetro del objeto Color es el valor de transparencia alfa.

Figura: rectngulos transparentes
Donut Shape
En el siguiente ejemplo se crea una forma compleja por rotacin de un manojo de
elipses.
dibuja un donut forma # # # Autor: Jan sitio web Bodnar #: #
www.zetcode.com ltima modificacin: Junio 2009 require 'Qt' clase QtApp
<Qt Widget :: def initialize sper setWindowTitle "Donut" resize 350, 280
se mueven 300, 300 def espectculo final paintEvent pintor event = Qt ::
Painter.new auto drawDonut pintor painter.end final def drawDonut pintor
painter.setRenderHint Qt :: Painter :: Color Antialiasing = Qt ::
Color.new color.setNamedColor "# 333333" pen = Qt :: Pen.new colores
pen.setWidth 1 painter.setPen pluma w = ancho h = altura
painter.translate Qt :: Point.new w / 2, h / 2 72.times hacer
painter.drawEllipse -125, -40, 250, 80 painter.rotate 5,0 end end end app
= Qt :: Application.new ARGV QtApp.new app.exec
En este ejemplo, creamos un donut. La forma se asemeja a una galleta, de ah el
nombre de donut.
color = Qt :: Color.new color.setNamedColor "# 333333"
Podemos utilizar una notacin hexadecimal para crear un objeto de color.
w = ancho h = altura
Aqu se determina la anchura y la altura de la ventana.
painter.translate Qt :: Point.new w / 2, h / 2
Nos mover el sistema de coordenadas para el centro de la ventana. De esta manera
hacemos el dibujo matemticamente ms fcil.
72.times hacer painter.drawEllipse -125, -40, 250, 80 painter.rotate
final 5,0
Dibujamos un objeto elipse 72 veces. Cada vez que gire la elipse en 5 grados. Esto
crear nuestra forma de rosquilla.

Figura: Donut
Dibujar texto
En el ltimo ejemplo, vamos a dibujar texto en la ventana.
dibuja texto en la ventana # # # Autor: Jan sitio web Bodnar #: #
www.zetcode.com ltima modificacin: Junio 2009 requieren class 'Qt'
QtApp < Qt :: Widget def initialize sper setWindowTitle "Soulmate"
resize 370, 240 se mueven 300, 300 def espectculo final paintEvent
evento pintor = Qt :: Painter.new auto drawText pintor painter.end final
def drawText pintor painter.setBrush Qt :: Brush. nuevo Qt :: Color.new
25, 25, 25 painter.setFont Qt :: Font.new "Purisa", 10 painter.drawText
Qt :: Point.new (20, 30), "La mayora de las relaciones parecen tan
transitorio" pintor. drawText Qt :: Point.new (20, 60): "Son buenos, pero
no el permanente" painter.drawText Qt :: Point.new (20, 120), "Quin no
dura para alguien a quien abrazar" painter.drawText Qt :: Point.new (20,
150): "Quin sabe amar sin ser dicho" painter.drawText Qt :: Point.new
(20, 180), "Que alguien me diga por qu estoy en mi propio
"painter.drawText Qt :: Point.new (20, 210):" Si hay un alma gemela para
cada uno "end end app = Qt :: Application.new ARGV QtApp.new app.exec
Trazamos una letra de la cancin en la ventana.
painter.setFont Qt :: Font.new "Purisa", 10
Hemos creado una fuente Purisa para nuestro texto.
painter.drawText Qt :: Point.new (20, 30), "La mayora de las relaciones
parecen tan transitorio"
El drawText mtodo se utiliza para dibujar el texto.

Figura: texto Dibujo

En esta parte del tutorial de programacin Ruby Qt, hicimos un poco de pintura.
Custom Widget
En esta parte del tutorial de programacin Ruby Qt, vamos a crear un widget
personalizado.
Toolkits slo suelen proporcionar los widgets ms comunes como botones, widgets
de texto, barras de desplazamiento, etc No toolkit puede proporcionar todos los
controles posibles. Los programadores deben crear widgets tales por s mismos. Lo
hacen mediante el uso de las herramientas de dibujo que proporciona el conjunto
de herramientas. Hay dos posibilidades. Un programador puede modificar o
mejorar un widget existente. O puede crear un widget personalizado desde cero.
El widget Burning
En el siguiente ejemplo, vamos a crear un widget quema personalizado. Este
control puede verse en aplicaciones como Nero o K3B. El widget se puede crear a
partir de cero.
#!/usr/bin/ruby


# In this program, we create
# a custom widget
#
# @author jan bodnar
# website zetcode.com
# last modified July 2009

require 'Qt'

PANEL_HEIGHT = 30
DISTANCE = 19
LINE_WIDTH = 5
DIVISIONS = 10
FULL_CAPACITY = 700
MAX_CAPACITY = 750

class Burning < Qt::Widget

def initialize(parent)
super(parent)

@num = [ "75", "150", "225", "300",
"375", "450", "525", "600", "675" ]

@redColor = Qt::Color.new 255, 175, 175
@yellowColor = Qt::Color.new 255, 255, 184

@parent = parent
setMinimumHeight PANEL_HEIGHT
end



drawWidget painter
painter.end
end

def drawWidget painter

w = width.to_f

slid_width = @parent.getCurrentWidth

step = (w / DIVISIONS).round.to_f

till = ((w / MAX_CAPACITY) * slid_width).to_f
full = ((w / MAX_CAPACITY) * FULL_CAPACITY).to_f

if slid_width > FULL_CAPACITY
painter.setPen @yellowColor
painter.setBrush Qt::Brush.new @yellowColor
painter.drawRect Qt::RectF.new 0, 0, full, PANEL_HEIGHT
painter.setPen @redColor
painter.setBrush Qt::Brush.new @redColor
painter.drawRect Qt::RectF.new full+1, 0, till-full,
PANEL_HEIGHT
else
if slid_width > 0
painter.setPen @yellowColor
painter.setBrush Qt::Brush.new @yellowColor
painter.drawRect Qt::RectF.new 0, 0, till, PANEL_HEIGHT
end
end

painter.setBrush Qt::NoBrush
painter.drawRect 0, 0, w-1, PANEL_HEIGHT-1

newFont = font
newFont.setPointSize 7
painter.setFont newFont

for i in (1..@num.length)
painter.drawLine Qt::LineF.new i*step, 1, i*step, LINE_WIDTH

metrics = Qt::FontMetrics.new newFont

w = metrics.width @num[i-1]
painter.drawText(Qt::PointF.new(i*step-w/2, DISTANCE),
@num[i-1])

end
end
end


slots 'onChanged(int)'

def initialize
super
setWindowTitle "The Burning Widget"

initUI

resize 370, 200
move 300, 300
show
end

def initUI

@cur_width = 0

@slider = Qt::Slider.new Qt::Horizontal , self
@slider.setMaximum MAX_CAPACITY
@slider.setGeometry 50, 50, 130, 30

connect(@slider, SIGNAL("valueChanged(int)"), self,
SLOT("onChanged(int)"))


vbox.addStretch 1

@widget = Burning.new self
hbox.addWidget @widget, 0

vbox.addLayout hbox

setLayout vbox
end

def onChanged val
@cur_width = val
@widget.repaint
end

def getCurrentWidth
return @cur_width
end
end

QtApp.new
app.exec
In this file, we create the Burning widget.
class Burning < Qt::Widget
The custom widget is based on the Widget widget.
PANEL_HEIGHT = 30
DISTANCE = 19
LINE_WIDTH = 5
DIVISIONS = 10
FULL_CAPACITY = 700
MAX_CAPACITY = 750
These are important constants. The PANEL_HEIGHT defines the height for the
custom widget. The DISTANCE is the distance of the numbers on the scale from
the top of their parent border. The LINE_WIDTH is the vertical line width. The
DIVISIONS is the number of parts of the scale. The FULL_CAPACITY is the
maximum capacity of the media. After it is reached, overburning happens. This is
visualized by a red color. The MAX_CAPACITY is the maximum capacity of a
medium.
@num = [ "75", "150", "225", "300",
"375", "450", "525", "600", "675" ]
We use these numbers to build the scale of the Burning widget.


drawWidget painter
painter.end
end
The drawing of the custom widget is delegated to the drawWidget method.
slid_width = @parent.getCurrentWidth
We use it to get the currently selected slider value.
w = width.to_f
We get the width of the widget. The width of the custom widget is dynamic. It can
be resized by a user.
till = ((w / MAX_CAPACITY) * slid_width).to_f
full = ((w / MAX_CAPACITY) * FULL_CAPACITY).to_f
We use the w variable to do the transformations. Between the values of the scale
and the custom widget's measures. Note that we use floating point values. We get
greater precision in drawing.
painter.setPen @ redcolor painter.setBrush Qt :: Brush.new @ redcolor
painter.drawRect Qt :: RectF.new completo +1, 0, hasta que llena,
PANEL_HEIGHT
Estas tres lneas de dibujar el rectngulo rojo, lo que indica la grabacin de tamao
extra.
painter.drawRect 0, 0, w-1, PANEL_HEIGHT-1
Este es el permetro del widget. El rectngulo exterior.
painter.drawLine Qt :: LineF.new i * step, 1, i * paso, line_width
Aqu trazamos las lneas verticales pequeos.
w = metrics.width @ num [i-1] painter.drawText (Qt :: PointF.new (i *
step-w / 2, distancia), @ num [i-1])
Aqu nos basamos en los nmeros de la escala. Para colocar con precisin los
nmeros, debemos obtener el ancho de la cadena.
@ Widget = Burning.new auto hbox.addWidget @ widget, 0
Creamos la instancia del widget Burning y agregarlo a la caja horizontal.
def onChanged @ val = cur_width val@widget.repaint final
Cuando el valor de la barra cambia, la almacenamos en el interior del cur_width
@ variable y volver a pintar el widget personalizado.
def volver getCurrentWidth @ end cur_width
Este mtodo es llamado por el widget personalizado para obtener el valor del
control deslizante actual.

Figura: El widget Burning

En esta parte del tutorial de Ruby Qt, hemos demostrado cmo crear un widget
personalizado.
Nibbles
En esta parte del tutorial de programacin Ruby Qt, vamos a crear un clon juego
Nibbles.
Nibbles es un juego antiguo video clsico. Fue creado por primera vez en aos 70.
Ms tarde fue llevado a los PC. En este juego el jugador controla una serpiente. El
objetivo es comer tantas manzanas como sea posible. Cada vez que la serpiente se
come una manzana, su cuerpo crece. La serpiente se deben evitar las paredes y su
propio cuerpo.
Desarrollo
El tamao de cada una de las articulaciones de una serpiente es 10px. La serpiente
se controla con las teclas de cursor. Inicialmente, la serpiente tiene tres
articulaciones. El juego comienza inmediatamente. Cuando el juego termina, se
muestra "Game Over" mensaje en el centro de la ventana.
Board.rb
ANCHO ALTURA = 300 = 300 = 10 DOT_SIZE ALL_DOTS = ancho * altura / (*
DOT_SIZE DOT_SIZE) RAND_POS DELAY = 29 = 140 $ x = [0] * ALL_DOTS $ y =
[0] * ALL_DOTS clase general <Qt :: Widget def initialize (padre) super
(padre) setFocusPolicy Qt :: StrongFocus initGame final def initGame @
left = false @ @ = true derecha hasta abajo = false = false @ @ @ ingame
= true puntos = 3 = begin @ baln Qt :: Imagen. nuevo "dot.png" @ manzana
= Qt :: Image.new "apple.png" @ cabeza = Qt :: Image.new "head.png"
rescate pone "no se puede cargar imgenes" end for i in (0 .. @ puntos) $
x [i] = 50 - i * 10 $ y [i] = 50 setStyleSheet final locateApple "QWidget
{background-color: # 000000}" @ timer = Qt :: BasicTimer.new @
timer.start (140, auto) end def paintEvent evento pintor = Qt ::
Painter.new auto painter.begin si @ ingame drawObjects pintor pintor ms
GameOver final painter.end final def drawObjects pintor painter.drawImage
apple_x @, @ apple_y, @ manzana para z en (0 @ .. puntos) si z == 0
painter.drawImage $ x [z], $ y [z], @ cabeza ms painter.drawImage $ x
[z], $ y [z], @ baln end end end def gameover pintor msg = "Game Over"
pequeo = Qt :: Font.new "Helvetica", 12, Qt :: Fuentes :: Bold.value
metr = Qt :: FontMetrics.new pequeo textWidth = metr.width msj h =
altura w = ancho painter.setPen Qt Qt :: :: Color.new blanco
painter.setFont pequeo painter.translate Qt :: Point.new w / 2, h / 2
painter.drawText-textWidth / 2, 0, final msj checkApple def si $ x [0] ==
@ apple_x y $ y [0] == @ @ apple_y puntos = @ + 1 puntos finales
locateApple final del desplazamiento def z = @ puntos, mientras que z> 0
$ x [z] = $ x [(z - 1)] $ y [z] = $ y [(z - 1)] z = z - 1 end if @ dej $
x [0] - = DOT_SIZE extremo derecho si @ $ x [0] + = DOT_SIZE final si @
hasta $ y [0] - = DOT_SIZE final si @ $ y abajo [0] + = DOT_SIZE end end
def checkCollision z = @ puntos, mientras que z> 0 si z> 4 y $ x [0] == $
x [z] y $ y [0] == $ y [z] @ ingame = False End z = z - 1 End If $ y [0]>
ALTURA @ ingame = False End If $ y [0] <0 @ ingame = False End si $ x
[0]> ANCHO @ ingame = False End If $ x [0] <0 @ ingame = False End final
locateApple def r = rand RAND_POS @ apple_x = r * r = rand DOT_SIZE
RAND_POS @ apple_y = r * Final DOT_SIZE def TimerEvent evento dentro del
juego si @ checkCollision checkApple final del desplazamiento
else@timer.stop repintar final def keyPressEvent evento clave = event.key
si key == Qt :: Key_Left.value y no @ @ izquierda derecha = true up = @ @
= false abajo False End If key == Qt :: Key_Right.value y no @ @
izquierda derecha = true @ @ = false hasta abajo = False End If key == Qt
:: Key_Up.value y no por @ @ hasta = @ = true derecho @ falso izquierda =
False End If key == Qt :: Key_Down.value y no a @ @ @ = true abajo a la
derecha = false @ left = false end end end
En primer lugar vamos a definir algunas constantes que se utilizan en nuestro
juego.
Los ANCHO y ALTURA constantes de determinar el tamao de la Junta. El DOT_SIZE es
el tamao de la manzana y el punto de la serpiente. El ALL_DOTS Define el nmero
mximo de puntos posibles en el Consejo. El RAND_POS constante se usa para
calcular una posicin aleatoria de una manzana. La DELAY constante determina la
velocidad del juego.
$ X = [0] * ALL_DOTS $ y = [0] * ALL_DOTS
Estos dos conjuntos x tienda, y las coordenadas de todas las articulaciones posibles
de una serpiente.
El initGame mtodo inicializa variables, imgenes cargas e inicia una funcin de
tiempo de espera.
si @ ingame drawObjects pintor otro extremo GameOver pintor
Dentro de la paintEvent mtodo, comprobamos el @ ingame variable. Si bien es
cierto, nos basamos nuestros objetos. La manzana y las articulaciones de serpiente.
De lo contrario, mostrar el mensaje "Game over" de texto.
def drawObjects pintor painter.drawImage @ apple_x, apple_y @, @ manzana
para z en (0 .. @ puntos) si z == 0 painter.drawImage $ x [z], $ y [z], @
cabeza ms painter.drawImage $ x [z], $ y [z], @ end end end pelota
El drawObjects mtodo dibuja la manzana y las articulaciones de la serpiente. La
articulacin de la primera de una serpiente es su cabeza, que est representado por
un crculo rojo.
def checkApple si $ x [0] == @ apple_x y $ y [0] == @ @ apple_y puntos =
@ dots + 1 end end locateApple
Los checkApple mtodo comprueba si la serpiente ha golpeado el objeto de
manzana. Si es as, agregamos otra articulacin serpiente y llamar a la locateApple
mtodo, que coloca al azar un nuevo objeto de manzana.
En el movimiento mtodo que tenemos el algoritmo de clave del juego. Para
entenderlo, observar cmo la serpiente se mueve. Usted controla la cabeza de la
serpiente. Usted puede cambiar su direccin con las teclas de cursor. El resto de las
articulaciones se mueven una posicin hacia arriba de la cadena. Las segundas
jugadas conjuntas en las que la primera es la articulacin tercero en la segunda, etc
mientras que z> 0 $ x [z] = $ x final de 1 - [(z - 1)] $ y [z] = $ y [(z
- 1)] z = z
Este cdigo mueve las articulaciones de la cadena.
si @ dej $ x [0] - = fin DOT_SIZE
Mueva la cabeza hacia la izquierda.
En el checkCollision mtodo, se determina si la serpiente ha afectado a s mismo o
una de las paredes.
mientras que z> 0 si z> 4 y $ x [0] == $ x [z] y $ y [0] == $ y [z] @
ingame = False End z = z - 1 final
Termina el juego, si la serpiente golpea a uno de sus articulaciones con la cabeza.
si $ y [0]> ALTURA @ ingame = False End
Termina el juego, si la serpiente llega a la parte inferior de la Junta.
El locateApple mtodo localiza una manzana al azar en el tablero.
r = rand RAND_POS
Obtenemos un nmero aleatorio entre 0 y RAND_POS - 1.
@ Apple_x = r * DOT_SIZE ... @ Apple_y = r * DOT_SIZE
Estas lneas ajustar la coordenadas x, y del objeto de la manzana.
si @ ingame checkCollision checkApple movimiento final else@timer.stop
Cada ms 140, el TimerEvent mtodo se llama. Si estamos en el juego, que llamamos
tres mtodos, que se basan la lgica del juego. De lo contrario, detener el
temporizador.
En el keyPressEvent mtodo de la clase Board, podemos determinar las teclas que
fueron presionadas.
si key == Qt :: Key_Left.value y no @ @ izquierda derecha = true @ @ =
false hasta abajo = False End
Si se pulsa la tecla de cursor hacia la izquierda, nos propusimos @ izquierdo en
true. Esta variable se usa en el movimiento mtodo para cambiar las coordenadas
del objeto de serpiente. Ntese tambin, que cuando la serpiente se dirige a la
derecha, no podemos girar inmediatamente a la izquierda.
Nibbles.rb
#! / Usr / bin / ruby # ZetCode Rub tutorial Qt # # En este programa, se
crea un clon # juego Nibbles. # # Autor: Jan sitio web Bodnar #: #
www.zetcode.com ltima modificacin: 09 2012 require 'Qt' require 'Junta'
clase QtApp <Qt :: MainWindow def initialize sper setWindowTitle
"Nibbles" setCentralWidget Board.new (self) resize 310, 310 se mueven
300, 300 final App Show final = Qt :: Application.new ARGV QtApp.new
app.exec
En el archivo Nibbles.rb, hemos creado el juego Nibbles.

Figura: Nibbles

Este fue el juego de ordenador Nibbles programado con la biblioteca Qt y el
lenguaje de programacin Ruby.

QT Ruby

Cargado por

Información del documento

Título original

Derechos de autor

Formatos disponibles

Compartir este documento

Compartir o incrustar documentos

Opciones para compartir

¿Le pareció útil este documento?

¿Este contenido es inapropiado?

Copyright:

Formatos disponibles

QT Ruby

Cargado por

Copyright:

Formatos disponibles

Rub Qt tutorial

Nota: Pagina para descargar Qt cualquier versin

También podría gustarte