<?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="combobox_multicolumn.py" xml:lang="es">
<info>
<title type="text">ComboBox (Python)</title>
<link type="guide" xref="beginner.py#menu-combo-toolbar"/>
<link type="next" xref="treeview_advanced_liststore.py"/>
<revision version="0.1" date="2012-06-03" status="draft"/>
<credit type="author copyright">
<name>Marta Maria Casetti</name>
<email its:translate="no">mmcasetti@gmail.com</email>
<years>2012</years>
</credit>
<desc>Un widget usado para elegir de una lista de elementos</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>ComboBox (dos columnas)</title>
<media type="image" mime="image/png" src="media/combobox_multicolumn.png"/>
<p>Esta ComboBox imprime su selección en la terminal cuando cambia la cambia.</p>
<links type="section"/>
<section id="code">
<title>Código usado para generar este ejemplo</title>
<code mime="text/x-python" style="numbered">from gi.repository import Gtk
import sys
actions = [["Select", None],
["New", Gtk.STOCK_NEW],
["Open", Gtk.STOCK_OPEN],
["Save", Gtk.STOCK_SAVE]]
class MyWindow(Gtk.ApplicationWindow):
def __init__(self, app):
Gtk.Window.__init__(self, title="Welcome to GNOME", application=app)
self.set_default_size(200, -1)
self.set_border_width(10)
# the data in the model, of type string on two columns
listmodel = Gtk.ListStore(str, str)
# append the data
for i in range(len(actions)):
listmodel.append(actions[i])
# a combobox to see the data stored in the model
combobox = Gtk.ComboBox(model=listmodel)
# cellrenderers to render the data
renderer_pixbuf = Gtk.CellRendererPixbuf()
renderer_text = Gtk.CellRendererText()
# we pack the cell into the beginning of the combobox, allocating
# no more space than needed;
# first the image, then the text;
# note that it does not matter in which order they are in the model,
# the visualization is decided by the order of the cellrenderers
combobox.pack_start(renderer_pixbuf, False)
combobox.pack_start(renderer_text, False)
# associate a property of the cellrenderer to a column in the model
# used by the combobox
combobox.add_attribute(renderer_text, "text", 0)
combobox.add_attribute(renderer_pixbuf, "stock_id", 1)
# the first row is the active one at the beginning
combobox.set_active(0)
# connect the signal emitted when a row is selected to the callback
# function
combobox.connect("changed", self.on_changed)
# add the combobox to the window
self.add(combobox)
def on_changed(self, combo):
# if the row selected is not the first one, write on the terminal
# the value of the first column in the model
if combo.get_active() != 0:
print("You chose " + str(actions[combo.get_active()][0]) + "\n")
return True
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 «ComboBox»</title>
<p>El widget «ComboBox» está desarrollado sobre el diseño <em>Modelo/Vista/Controlador</em>: el <em>Modelo</em> almacena los datos, la <em>Vista</em> obtiene las notificaciones de cambio y muestra el contenido del modelo; el <em>Controlador</em>, finalmente, cambia el estado del modelo y le notifica a la vista los cambios. Para más información, y una lista de métodos útiles de «ComboBox» y «TreeModel», consulte la <link xref="model-view-controller.py"/>.</p>
<p>En la línea 45 la señal <code>«changed»</code> se conecta a la función de retorno de llamada <code>on_changed()</code> usando <code><var>widget</var>.connect(<var>señal</var>, <var>función de retorno de llamada</var>)</code>. Consulte la <link xref="signals-callbacks.py"/> para obtener una explicación más detallada.</p>
</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/unstable/GtkComboBox.html">GtkComboBox</link></p></item>
<item><p><link href="http://developer.gnome.org/gtk3/unstable/GtkListStore.html">GtkListStore</link></p></item>
<item><p><link href="http://developer.gnome.org/gtk3/unstable/GtkCellRendererText.html">GtkCellRendererText</link></p></item>
<item><p><link href="http://developer.gnome.org/gtk3/unstable/GtkCellRendererPixbuf.html">GtkCellRendererPixbuf</link></p></item>
<item><p><link href="http://developer.gnome.org/gtk3/unstable/gtk3-Stock-Items.html">Elementos del almacén</link></p></item>
<item><p><link href="http://git.gnome.org/browse/pygobject/tree/gi/overrides/Gtk.py">pygobject: vinculaciones de Python para introspección de GObject</link></p></item>
</list>
</section>
</page>