A example in Python code: (code snippet removed, see above) Put the blue and red squares in the same directory where the script and call them blue.png and red.png (or you can change the script to use your own images and data). If you want put the images in a HildonTouchSelector, the code is a bit different than in the Treeview from the example. If you need it ask for it ;-)
import hildon, gobject, gtk class UI: def __init__(self): self.window = hildon.Window() self.window.connect("destroy", gtk.main_quit) parea = hildon.PannableArea() # gtk.HILDON_UI_MODE_NORMAL -> not selection in the treeview # gtk.HILDON_UI_MODE_EDIT -> selection in the treeview treeview = hildon.GtkTreeView(gtk.HILDON_UI_MODE_NORMAL) self.add_columns_to_treeview(treeview) model = self.create_model() treeview.set_model(model) parea.add(treeview) self.window.add(parea) self.window.show_all() def create_model(self): lstore = gtk.ListStore(gtk.gdk.Pixbuf, str, str) lstore.append([None, "6. Arie. Buss und Reu\n<small>Andreas Scholl</small>", "3:23"]) lstore.append([self.set_pix("note.png"), "35. Arie. Geduld, Geduld!\n<small>Werner Gura</small>", "2:49"]) return lstore def set_pix(self, filename): pixbuf = gtk.gdk.pixbuf_new_from_file(filename) return pixbuf def add_columns_to_treeview(self, treeview): #Column 0 for the treeview renderer = gtk.CellRendererPixbuf() column = gtk.TreeViewColumn() column.pack_start(renderer, False) column.add_attribute(renderer, "pixbuf", 0) column.set_min_width(40) treeview.append_column(column) #Column 1 for the treeview renderer = gtk.CellRendererText() column = gtk.TreeViewColumn("title", renderer, markup=1) column.set_property("expand", True) treeview.append_column(column) #Column 2 for the treeview renderer = gtk.CellRendererText() column = gtk.TreeViewColumn("times", renderer, markup=1) treeview.append_column(column) if __name__ == "__main__": UI() gtk.main()