微软Surface推出后，其中的图片与视频浏览器让人留下了比较深刻的印象。借着学习clutter的机会，我就打算做一个类似的图片浏览器。逛了clutter的网站后发现，clutter居然有python binding，于是决定使用pyclutter进行程序的开发。
第一个demo很简单：将一堆照片随意放在桌面上。J
这次会接触到2个有关clutter的概念：Actor和Stage。Actor和Stage，顾名思义，演员与舞台。没错，从本质上讲，clutter就是让一群2维的Actor在3维的Stage上表演。ClutterActor是所有Actor的父类，它是一个抽象类，提供一些Actor的通用的操作，如位移、旋转、缩放等。用户在编程中可以继承ClutterActor以开发自定义的Actor，也可以使用Clutter现有的一些Actor，如ClutterRectangle、ClutterTexture、ClutterCloneTexture、ClutterLabel、ClutterEntry等。同时，Clutter中也有些容器类，如ClutterStage和ClutterGroup，它们也是ClutterActor的子类。
在这个demo中，我们将会用到ClutterStage、ClutterGroup、ClutterRectangle和ClutterTexture。Demo的源代码如下：
#!/usr/bin/python
import sys
import os
import random
import clutter
STAGE_WIDTH=1024
STAGE_HEIGHT=768
class Photo:
border_width = 10
def __init__(self, path, stage):
self.stage = stage
self.path = path
self.x = 0
self.y = 0
self.degree = 0
self.pic = clutter.Texture()
self.pic.set_from_file(path)
self.width = self.pic.get_width()+2*Photo.border_width
self.height = self.pic.get_height()+2*Photo.border_width
self.frame = clutter.Rectangle()
self.frame.set_color(clutter.Color(0xff, 0xff, 0xff, 0xff))
self.frame.set_position(self.x, self.y)
self.frame.set_size(self.width, self.height)
self.group = clutter.Group()
self.group.add(self.frame)
self.group.add(self.pic)
self.pic.set_position(PHOTO_BORDER_WIDTH, PHOTO_BORDER_WIDTH)
self.stage.add(self.group)