一种使用 Python、Gtk 和 Cairo 实现过渡动画的方法？

Question

我看过一些教程

，展示如何使用 PyGtk 创建动画，最好的教程是：

https://cairgraphics。 org/cookbook/animationrotation/

本教程使用 gobject.timeout_add() 设置一些时钟来不断刷新动画。

相反，我想做的是创建有限的动画，我可以通过单击某个按钮或复选框或任何东西来触发它。

例如，我可以有一个带有按钮的窗口和一个绘制有球的绘图区域。 当我点击按钮时，球会上下移动，然后停止。如果我再次单击按钮，球就会重复移动。

在另一种情况下，球可能位于屏幕的左侧。当我切换复选框时，球会向右移动（不是立即，而是过渡移动）。如果我取消选中，球就会回到原来的位置。

我不打算使用纯 Cairo/Gtk 以外的任何东西（没有 Clutter、没有 OpenGL、没有 PyGame），因为我觉得这应该是可能的，并且我想继续学习 Gtk 来做一些（未来的）GUI 技巧简单的单文件脚本。

由于问题是关于更广泛的问题，我认为不需要添加代码，但如果有人觉得更好，我可以编辑这个问题以添加一些代码。

感谢您的阅读和任何帮助！开罗/Gtk 很棒！

编辑：在杰里米·弗洛雷斯（Jeremy Flores）的精确解释之后，我得出了这段代码，它是无用的（每次单击按钮时球都会向右移动，直到从窗口掉下来），但包含构建更多内容的元素有创意且有用的东西。如果有人（包括杰里米）对这段代码有什么话要说，特别是关于删除不必要的部分，我很高兴听到。谢谢！

#!/usr/bin/env python
import gtk, gobject
from math import pi

class Canvas(gtk.DrawingArea):
    def __init__(self):
        super(Canvas, self).__init__()
        self.connect("expose_event", self.expose)
        self.set_size_request(400,400)

        self.x = 20
        self.y = 20

        self.counter = 0

    def movealittle(self):
        self.x += 1
        self.counter += 1
        self.queue_draw()
        if self.counter <= 20:
            return True
        elif self.counter > 20:
            self.counter = 0
            return False

    def expose(self, widget, event):
        cr = widget.window.cairo_create()
        rect = self.get_allocation()

        w = rect.width
        h = rect.height

        cr.arc(self.x, self.y, 10, 0, 2*pi)
        cr.fill()

def runanimation(widget):
    gobject.timeout_add(5, canvas.movealittle)
    print "runanimation call"

button = gtk.Button("Move")
button.connect("clicked", runanimation)

window = gtk.Window()
canvas = Canvas()
panel = gtk.VBox()
window.add(panel)
panel.pack_start(canvas)
panel.pack_start(button)
window.set_position(gtk.WIN_POS_CENTER)
window.show_all()
gtk.main()

Answer 1

gobject.timeout_add() 可用于有限动画。您设置的回调将继续被调用，直到返回 False，此时您的方法将不会再次被调用。

例如，如果您希望一个球的动画持续 5 秒，您将负责确定动画持续了多长时间，然后一旦超过 5 秒，您的方法将返回 False 以结束动画。当您希望动画再次开始时，只需使用 timeout_add 重新注册回调并重置计时器即可。

请参阅： http://www.pygtk.org/ pygtk2reference/gobject-functions.html#function-gobject--timeout-add 了解更多信息。