<?xml version="1.0" encoding="utf-8"?>
<page xmlns="http://projectmallard.org/1.0/" xmlns:its="http://www.w3.org/2005/11/its" xmlns:xi="http://www.w3.org/2001/XInclude" type="guide" style="task" id="buttonbox.py" xml:lang="es">
<info>
<title type="text">Botonera (Python)</title>
<link type="guide" xref="beginner.py#layout"/>
<link type="seealso" xref="button.py"/>
<link type="next" xref="statusbar.py"/>
<revision version="0.2" date="2012-08-01" status="stub"/>
<credit type="author copyright">
<name>Marta Maria Casetti</name>
<email its:translate="no">mmcasetti@gmail.com</email>
<years>2012</years>
</credit>
<desc>Un contenedor para organizar botones</desc>
<mal:credit xmlns:mal="http://projectmallard.org/1.0/" type="translator copyright">
<mal:name>Daniel Mustieles</mal:name>
<mal:email>daniel.mustieles@gmail.com</mal:email>
<mal:years>2011 - 2017</mal:years>
</mal:credit>
<mal:credit xmlns:mal="http://projectmallard.org/1.0/" type="translator copyright">
<mal:name>Nicolás Satragno</mal:name>
<mal:email>nsatragno@gmail.com</mal:email>
<mal:years>2012 - 2013</mal:years>
</mal:credit>
<mal:credit xmlns:mal="http://projectmallard.org/1.0/" type="translator copyright">
<mal:name>Jorge González</mal:name>
<mal:email>jorgegonz@svn.gnome.org</mal:email>
<mal:years>2011</mal:years>
</mal:credit>
</info>
<title>Botonera</title>
<media type="image" mime="image/png" src="media/buttonbox_calculator.png"/>
<p>Una calculadora: los botones se agrupan en botoneras horizontales.</p>
<links type="section"/>
<section id="code">
<title>Código usado para generar este ejemplo</title>
<code mime="text/python" style="numbered">from gi.repository import Gtk
import sys
class MyWindow(Gtk.ApplicationWindow):
def __init__(self, app):
Gtk.Window.__init__(self, title="Calculator", application=app)
self.set_default_size(350, 200)
self.set_border_width(10)
# an entry
self.entry = Gtk.Entry()
# with an initial text
self.entry.set_text('0')
# text aligned on the right
self.entry.set_alignment(1)
# the text in the entry cannot be modified writing in it
self.entry.set_can_focus(False)
# a grid
grid = Gtk.Grid()
grid.set_row_spacing(5)
# to attach the entry
grid.attach(self.entry, 0, 0, 1, 1)
# the labels for the buttons
buttons = [7, 8, 9, '/',
4, 5, 6, '*',
1, 2, 3, '-',
'C', 0, '=', '+']
# each row is a ButtonBox, attached to the grid
for i in range(4):
hbox = Gtk.ButtonBox.new(Gtk.Orientation.HORIZONTAL)
hbox.set_spacing(5)
grid.attach(hbox, 0, i + 1, 1, 1)
# each ButtonBox has 4 buttons, connected to the callback function
for j in range(4):
button = Gtk.Button(label=buttons[i * 4 + j])
button.set_can_focus(False)
button.connect("clicked", self.button_clicked)
hbox.add(button)
# some variables for the calculations
self.first_number = 0
self.second_number = 0
self.counter = 0
self.operation = ""
# add the grid to the window
self.add(grid)
# callback function for all the buttons
def button_clicked(self, button):
# for the operations
if button.get_label() == '+':
self.counter += 1
if self.counter > 1:
self.do_operation()
self.entry.set_text('0')
self.operation = "plus"
elif button.get_label() == '-':
self.counter += 1
if self.counter > 1:
self.do_operation()
self.entry.set_text('0')
self.operation = "minus"
elif button.get_label() == '*':
self.counter += 1
if self.counter > 1:
self.do_operation()
self.entry.set_text('0')
self.operation = "multiplication"
elif button.get_label() == '/':
self.counter += 1
if self.counter > 1:
self.do_operation()
self.entry.set_text('0')
self.operation = "division"
# for =
elif button.get_label() == '=':
self.do_operation()
self.entry.set_text(str(self.first_number))
self.counter = 1
# for Cancel
elif button.get_label() == 'C':
self.first_number = 0
self.second_number = 0
self.counter = 0
self.entry.set_text('')
self.operation = ""
# for a digit button
else:
new_digit = int(button.get_label())
if self.entry.get_text() == 'error':
number = 0
else:
number = int(self.entry.get_text())
number = number * 10 + new_digit
if self.counter == 0:
self.first_number = number
else:
self.second_number = number
self.entry.set_text(str(number))
def do_operation(self):
if self.operation == "plus":
self.first_number += self.second_number
elif self.operation == "minus":
self.first_number -= self.second_number
elif self.operation == "multiplication":
self.first_number *= self.second_number
elif self.operation == "division":
try:
self.first_number /= self.second_number
except ZeroDivisionError:
self.first_number = 0
self.second_number = 0
self.counter = 0
self.entry.set_text('error')
self.operation = ""
return
else:
self.first_number = 0
self.second_number = 0
self.counter = 0
self.entry.set_text('error')
class MyApplication(Gtk.Application):
def __init__(self):
Gtk.Application.__init__(self)
def do_activate(self):
win = MyWindow(self)
win.show_all()
def do_startup(self):
Gtk.Application.do_startup(self)
app = MyApplication()
exit_status = app.run(sys.argv)
sys.exit(exit_status)
</code>
</section>
<section id="methods">
<title>Métodos útiles para un widget ButtonBox</title>
<list>
<item><p>La distribución de la botonera se configura con <code>set_layout(distribución)</code>, donde <code>distribución</code> puede ser <code>Gtk.ButtonBoxStyle.SPREAD</code> (los botones se separan equidistantes a lo largo de la botonera), <code>Gtk.ButtonBoxStyle.EDGE</code> (los botones se ponen en los bordes), <code>Gtk.ButtonBoxStyle.START</code> (los botones se agrupan hacia el comienzo de la botonera), <code>Gtk.ButtonBoxStyle.END</code> (los botones se agrupan hacia el final), <code>Gtk.ButtonBoxStyle.CENTER</code> (los botones se agrupan hacia el centro).</p></item>
<item><p><code>set_child_secondary(botón, es_secundario)</code> configura si <code>botón</code> debe aparecer en un grupo secundario de hijos. Un uso típico de un hijo secundario es el botón de ayuda en un diálogo. Este grupo aparece después de los otros hijos si el estilo es <code>START</code>, <code>SPREAD</code> o <code>EDGE</code>, y antes de los otros hijos si el estilo es <code>END</code>. Si el estilo es <code>START</code> o <code>END</code>, entonces los hijos secundarios se alinean al otro lado de los hijos principales en la botonera . Para los otros estilos, aparecen inmediatamente a continuación de los hijos principales.</p></item>
<item><p><code>set_child_non_homogeneous(botón, es_heterogéneo)</code> establece si el hijo está exento de dimensionado homogéneo. El valor predeterminado es <code>False</code>.</p></item>
<item><p><code>set_spacing(espaciado)</code> establece el espaciado, en píxeles, entre los botones de la botonera.</p></item>
</list>
</section>
<section id="references">
<title>Referencias de la API</title>
<p>En este ejemplo se usa lo siguiente:</p>
<list>
<item><p><link href="http://developer.gnome.org/gtk3/stable/GtkButtonBox.html">GtkButtonBox</link></p></item>
<item><p><link href="http://developer.gnome.org/gtk3/stable/GtkBox.html">GtkBox</link></p></item>
<item><p><link href="http://developer.gnome.org/gtk3/stable/GtkButton.html">GtkButton</link></p></item>
<item><p><link href="http://developer.gnome.org/gtk3/stable/GtkEntry.html">GtkEntry</link></p></item>
<item><p><link href="http://developer.gnome.org/gtk3/stable/GtkGrid.html">GtkGrid</link></p></item>
</list>
</section>
</page>