跟我学PaPaSketch-4.动画

papaman

今天我们讲PaPaSketch中的动画：PaPaSketch中的动画有两类，一类是指幻灯片和幻灯片间切换时的过渡动画，一类是指某个组件显现出来时的一段动画，今天我们讲前一类。

我们先准备下面两张图片:



上面第二张图片在Papasketch中可以用label,textbox,button,Image等拼出来，但为了简单，我们这儿用一张图片代替，以让大家的注意力集中在怎样做动画上面。

我们先创建一个空白文档，并放一个IPhone手机外壳在上面，结果如下：

用鼠标双击手机屏幕，在弹出的窗口中点击“创建幻灯片”，为手机屏幕创建一张新幻灯片

从左边组件库的“common”页中拖一个“Image”放到页面上，并双击这个Image,看到界面如下：

点击上面的“图片”，切换到图片页

点击“导入”，导入我们前面做的两张图片，并选中字母“G”的图片，界面如下：

点击确定

点击工具栏上的“复制幻灯片”，创建第3张幻灯片，把第3张幻灯片的Image的图片换成另一张图片，把Image的大小调成和幻灯片一样大，结果如下：

我们回到第2张幻灯片，为Image的click事件增加一个Goto(3)的动作，这样放映的时候点击字母”G”图片时，屏幕会显示第3页。不会增加动作的朋友请去参看《跟我学PaPaSketch—3.页面跳转》。为了让动画看起来明显，我们把第2页的幻灯片的背景色调成暗黑色。选中第2页幻灯片,看右下角的属性窗口，有一个属性叫”Background”,这是指背景色，点击它右边的下拉框，会出现许多颜色供我们选择，最上面一排是透明色，透明度不同

我们选择一个灰色，界面如下：

我们回到第一张幻灯片，把它的背景色改成透明色，这样放映室只看到手机外壳，更美观一些。这时界面如下：

如果这时我们放映幻灯片，点击图片“G”，可以显示第3张幻灯片，但是没有动画。我们要在显示第3张幻灯片时，增加一个过渡动画，怎么办呢？选中第3张幻灯片，注意第3张幻灯片被图片盖住了，可以通过右边的幻灯片浏览窗口选，也可以通过右键菜单的“选择“Slide””来选，选中的是什么对象，可以在属性窗口的底部信息看到。
选中Slide后，我们会从属性窗口中看到Slide有一个属性叫“Transition”,这个属性就是用来设置过渡动画的，它的默认值是None,所以没有动画。我们点击右边的按钮，出来一个对话框

这个窗口中可以选择动画的类型和速度，中间还可以看到动画的预览情况。我们选择合适的动画后，点击“确定”。

现在点击工具栏的“放映”播放幻灯片，界面如下：

点击图片“G”，会切换到第3张幻灯片，并且有一个过渡动画，动画的类型和速度我们可以根据需要改变。

有了动画，我们的演示是否增色不少？而且动画制作起来非常简单。

PaPaSketch还有一类动画，是当一个组件从隐藏变成可见时用的，每个组件都有一个属性叫”ShowTransition”,这个属性可以设置它显示时的动画。然后可以通过动作“Hide”和”show”去控制某个组件的显示，注意这两个动作需要Flags，通过Flags去寻找组件，所以组件的Flags属性也要填上相应的值。这些操作留待朋友们去探索，我们今后在其它章节再详谈。