原文： http://zetcode.com/gui/pygtk/advancedwidgets/

在 PyGTK 编程教程的这一部分中，我们将介绍 PyGTK 中的一些更高级的小部件。

IconView

IconView是一个小部件，在网格中显示图标列表。

iconview.py

  1. #!/usr/bin/python
  3. # ZetCode PyGTK tutorial 
  4. #
  5. # This example demonstrates the IconView widget.
  6. # It shows the contents of the currently selected
  7. # directory on the disk.
  8. #
  9. # author: jan bodnar
  10. # website: zetcode.com 
  11. # last edited: February 2009
  13. import gtk
  14. import os
  16. COL_PATH = 0
  17. COL_PIXBUF = 1
  18. COL_IS_DIRECTORY = 2
  20. class PyApp(gtk.Window): 
  21.     def __init__(self):
  22.         super(PyApp, self).__init__()
  24.         self.set_size_request(650, 400)
  25.         self.set_position(gtk.WIN_POS_CENTER)
  27.         self.connect("destroy", gtk.main_quit)
  28.         self.set_title("IconView")
  30.         self.current_directory = '/'
  32.         vbox = gtk.VBox(False, 0);
  34.         toolbar = gtk.Toolbar()
  35.         vbox.pack_start(toolbar, False, False, 0)
  37.         self.upButton = gtk.ToolButton(gtk.STOCK_GO_UP);
  38.         self.upButton.set_is_important(True)
  39.         self.upButton.set_sensitive(False)
  40.         toolbar.insert(self.upButton, -1)
  42.         homeButton = gtk.ToolButton(gtk.STOCK_HOME)
  43.         homeButton.set_is_important(True)
  44.         toolbar.insert(homeButton, -1)
  46.         self.fileIcon = self.get_icon(gtk.STOCK_FILE)
  47.         self.dirIcon = self.get_icon(gtk.STOCK_DIRECTORY)
  49.         sw = gtk.ScrolledWindow()
  50.         sw.set_shadow_type(gtk.SHADOW_ETCHED_IN)
  51.         sw.set_policy(gtk.POLICY_AUTOMATIC, gtk.POLICY_AUTOMATIC)
  52.         vbox.pack_start(sw, True, True, 0)
  54.         self.store = self.create_store()
  55.         self.fill_store()
  57.         iconView = gtk.IconView(self.store)
  58.         iconView.set_selection_mode(gtk.SELECTION_MULTIPLE)
  60.         self.upButton.connect("clicked", self.on_up_clicked)
  61.         homeButton.connect("clicked", self.on_home_clicked)
  63.         iconView.set_text_column(COL_PATH)
  64.         iconView.set_pixbuf_column(COL_PIXBUF)
  66.         iconView.connect("item-activated", self.on_item_activated)
  67.         sw.add(iconView)
  68.         iconView.grab_focus()
  70.         self.add(vbox)
  71.         self.show_all()
  73.     def get_icon(self, name):
  74.         theme = gtk.icon_theme_get_default()
  75.         return theme.load_icon(name, 48, 0)
  77.     def create_store(self):
  78.         store = gtk.ListStore(str, gtk.gdk.Pixbuf, bool)
  79.         store.set_sort_column_id(COL_PATH, gtk.SORT_ASCENDING)
  80.         return store
  82.     def fill_store(self):
  83.         self.store.clear()
  85.         if self.current_directory == None:
  86.             return
  88.         for fl in os.listdir(self.current_directory):
  90.             if not fl[0] == '.': 
  91.                 if os.path.isdir(os.path.join(self.current_directory, fl)):
  92.                     self.store.append([fl, self.dirIcon, True])
  93.                 else:
  94.                     self.store.append([fl, self.fileIcon, False])             
  96.     def on_home_clicked(self, widget):
  97.         self.current_directory = os.path.realpath(os.path.expanduser('~'))
  98.         self.fill_store()
  99.         self.upButton.set_sensitive(True)
  101.     def on_item_activated(self, widget, item):
  103.         model = widget.get_model()
  104.         path = model[item][COL_PATH]
  105.         isDir = model[item][COL_IS_DIRECTORY]
  107.         if not isDir:
  108.             return
  110.         self.current_directory = self.current_directory + os.path.sep + path
  111.         self.fill_store()
  112.         self.upButton.set_sensitive(True)
  114.     def on_up_clicked(self, widget):
  115.         self.current_directory = os.path.dirname(self.current_directory)
  116.         self.fill_store()
  117.         sensitive = True
  118.         if self.current_directory == "/": sensitive = False
  119.         self.upButton.set_sensitive(sensitive)
  121. PyApp()
  122. gtk.main()

本示例显示当前所选目录的图标。 它有一个工具栏和两个按钮。 向上按钮和主页按钮。 我们使用它们来浏览文件系统。

  1. self.current_directory = '/'

current_directory是目录，由IconView小部件显示。

  1. def create_store(self):
  2.     store = gtk.ListStore(str, gtk.gdk.Pixbuf, bool)
  3.     store.set_sort_column_id(COL_PATH, gtk.SORT_ASCENDING)
  4.     return store

create_store()方法创建一个ListStore。 它是IconView小部件中使用的数据模型。 它带有三个参数。 目录名，图标的pixbuf图像和bool变量，指示我们是目录还是文件。

  1. if not fl[0] == '.': 
  2.     if os.path.isdir(os.path.join(self.current_directory, fl)):
  3.         self.store.append([fl, self.dirIcon, True])
  4.     else:
  5.         self.store.append([fl, self.fileIcon, False])

在fill_store()方法中，我们用数据填充列表存储。 在这里，我们找出当前路径中的所有目录。 我们排除以.开头的不可见目录。

  1. def on_home_clicked(self, widget):
  2.     self.current_directory = os.path.realpath(os.path.expanduser('~'))
  3.     self.fill_store()
  4.     self.upButton.set_sensitive(True)

如果单击主页按钮，则主页目录将成为当前目录。 我们重新填充列表存储。 并激活向上按钮。

在on_item_activated()方法中，当我们从图标视图小部件中单击一个图标时，我们会对生成的事件做出反应。

  1. model = widget.get_model()
  2. path = model[item][COL_PATH]
  3. isDir = model[item][COL_IS_DIRECTORY]
  5. if not isDir:
  6.     return

我们得到激活项目的路径。 然后我们确定它是目录还是文件。 如果是文件，我们返回。

  1. self.current_directory = self.current_directory + os.path.sep + path
  2. self.fill_store()
  3. self.upButton.set_sensitive(True)

如果是目录，我们将根目录替换为当前路径，重新填充商店，然后使向上按钮敏感。

  1. def on_up_clicked(self, widget):
  2.     self.current_directory = os.path.dirname(self.current_directory)
  3.     self.fill_store()
  4.     sensitive = True
  5.     if self.current_directory == "/": sensitive = False
  6.     self.upButton.set_sensitive(sensitive)

如果单击向上按钮，则将当前目录替换为其父目录。 重新填充列表存储。 如果我们在文件系统的根/目录下，则向上按钮被激活。

PyGTK 中的高级小部件 - 图1

图：IconView

ListView

在下面的示例中，我们使用TreeView小部件显示列表视图。 同样ListStore用于存储数据。

listview.py

  1. #!/usr/bin/python
  3. # ZetCode PyGTK tutorial 
  4. #
  5. # This example shows a TreeView widget
  6. # in a list view mode
  7. #
  8. # author: jan bodnar
  9. # website: zetcode.com 
  10. # last edited: February 2009
  12. import gtk
  14. actresses = [('jessica alba', 'pomona', '1981'), ('sigourney weaver', 'new york', '1949'),
  15.     ('angelina jolie', 'los angeles', '1975'), ('natalie portman', 'jerusalem', '1981'),
  16.     ('rachel weiss', 'london', '1971'), ('scarlett johansson', 'new york', '1984' )]
  18. class PyApp(gtk.Window): 
  19.     def __init__(self):
  20.         super(PyApp, self).__init__()
  22.         self.set_size_request(350, 250)
  23.         self.set_position(gtk.WIN_POS_CENTER)
  25.         self.connect("destroy", gtk.main_quit)
  26.         self.set_title("ListView")
  28.         vbox = gtk.VBox(False, 8)
  30.         sw = gtk.ScrolledWindow()
  31.         sw.set_shadow_type(gtk.SHADOW_ETCHED_IN)
  32.         sw.set_policy(gtk.POLICY_AUTOMATIC, gtk.POLICY_AUTOMATIC)
  34.         vbox.pack_start(sw, True, True, 0)
  36.         store = self.create_model()
  38.         treeView = gtk.TreeView(store)
  39.         treeView.connect("row-activated", self.on_activated)
  40.         treeView.set_rules_hint(True)
  41.         sw.add(treeView)
  43.         self.create_columns(treeView)
  44.         self.statusbar = gtk.Statusbar()
  46.         vbox.pack_start(self.statusbar, False, False, 0)
  48.         self.add(vbox)
  49.         self.show_all()
  51.     def create_model(self):
  52.         store = gtk.ListStore(str, str, str)
  54.         for act in actresses:
  55.             store.append([act[0], act[1], act[2]])
  57.         return store
  59.     def create_columns(self, treeView):
  61.         rendererText = gtk.CellRendererText()
  62.         column = gtk.TreeViewColumn("Name", rendererText, text=0)
  63.         column.set_sort_column_id(0)    
  64.         treeView.append_column(column)
  66.         rendererText = gtk.CellRendererText()
  67.         column = gtk.TreeViewColumn("Place", rendererText, text=1)
  68.         column.set_sort_column_id(1)
  69.         treeView.append_column(column)
  71.         rendererText = gtk.CellRendererText()
  72.         column = gtk.TreeViewColumn("Year", rendererText, text=2)
  73.         column.set_sort_column_id(2)
  74.         treeView.append_column(column)
  76.     def on_activated(self, widget, row, col):
  78.         model = widget.get_model()
  79.         text = model[row][0] + ", " + model[row][1] + ", " + model[row][2]
  80.         self.statusbar.push(0, text)
  82. PyApp()
  83. gtk.main()

在我们的示例中，我们在TreeView小部件中显示了六个女演员的列表。 每行分别显示名称，出生地和出生年份。

  1. def create_model(self):
  2.     store = gtk.ListStore(str, str, str)
  4.     for act in actresses:
  5.         store.append([act[0], act[1], act[2]])
  7.     return store

在create_model()方法中，我们创建列表存储。 列表存储具有三个参数。 女演员的名字，出生地和出生年份。 这是我们的TreeView小部件的数据模型。

  1. treeView = gtk.TreeView(store)
  2. treeView.connect("row-activated", self.on_activated)
  3. treeView.set_rules_hint(True)

在这里，我们以列表存储为参数创建TreeView小部件。 set_rules_hint()方法更改TreeView小部件中每第二行的背景颜色。

  1. rendererText = gtk.CellRendererText()
  3. column = gtk.TreeViewColumn("Name", rendererText, text=0)
  4. column.set_sort_column_id(0)    
  5. treeView.append_column(column)

在create_columns()方法中，我们向TreeView小部件中添加了三列。 上面的代码创建了一个显示女演员姓名的列。 CellRendererText从树模型的第一列检索其文本。 （文本= 0）

  1. def on_activated(self, widget, row, col):
  3.     model = widget.get_model()
  4.     text = model[row][0] + ", " + model[row][1] + ", " + model[row][2]
  5.     self.statusbar.push(0, text)

如果双击某个项目，则会在状态栏中显示整行。

PyGTK 中的高级小部件 - 图2

图：ListView

TreeView

在本章的最后一个示例中，我们使用TreeView小部件显示分层的数据树。

tree.py

  1. #!/usr/bin/python
  3. # ZetCode PyGTK tutorial 
  4. #
  5. # This example shows a TreeView widget
  6. # in a tree view mode
  7. #
  8. # author: jan bodnar
  9. # website: zetcode.com 
  10. # last edited: February 2009
  12. import gtk
  14. class PyApp(gtk.Window): 
  15.     def __init__(self):
  16.         super(PyApp, self).__init__()
  18.         self.set_size_request(400, 300)
  19.         self.set_position(gtk.WIN_POS_CENTER)
  21.         self.connect("destroy", gtk.main_quit)
  22.         self.set_title("Tree")
  24.         tree = gtk.TreeView()
  26.         languages = gtk.TreeViewColumn()
  27.         languages.set_title("Programming languages")
  29.         cell = gtk.CellRendererText()
  30.         languages.pack_start(cell, True)
  31.         languages.add_attribute(cell, "text", 0)
  33.         treestore = gtk.TreeStore(str)
  35.         it = treestore.append(None, ["Scripting languages"])
  36.         treestore.append(it, ["Python"])
  37.         treestore.append(it, ["PHP"])
  38.         treestore.append(it, ["Perl"])
  39.         treestore.append(it, ["Ruby"])
  41.         it = treestore.append(None, ["Compiling languages"])
  42.         treestore.append(it, ["C#"])
  43.         treestore.append(it, ["C++"])
  44.         treestore.append(it, ["C"])
  45.         treestore.append(it, ["Java"])
  47.         tree.append_column(languages)
  48.         tree.set_model(treestore)
  50.         self.add(tree)
  51.         self.show_all()
  53. PyApp()
  54. gtk.main()

这次我们使用TreeView小部件显示分层数据。

  1. tree = gtk.TreeView()

TreeView小部件已创建。

  1. languages = gtk.TreeViewColumn()
  2. languages.set_title("Programming languages")

它有一列名为"Programming languages"。

  1. cell = gtk.CellRendererText()
  2. languages.pack_start(cell, True)
  3. languages.add_attribute(cell, "text", 0)

我们在TreeView小部件中显示文本数据。

  1. treestore = gtk.TreeStore(str)

要存储数据，我们使用TreeStore对象。

  1. it = treestore.append(None, ["Scripting languages"])
  2. treestore.append(it, ["Python"])
  3. treestore.append(it, ["PHP"])

我们将数据附加到树上。 TreeIter对象用于访问一行中的数据。

  1. tree.append_column(languages)

一列被附加到树上。

  1. tree.set_model(treestore)

最后，我们为树小部件设置数据模型。

PyGTK 中的高级小部件 - 图3

图：Tree

在 PyGTK 编程教程的这一章中，我们讨论的是高级 PyGTK 小部件。