celluloid 教程：[8]交互功能

复合按钮复合按钮作为跳转类控件，除了其本身的 “页面跳转”、“链接跳转”、“分享微博”的单体功能以外，您还可以用它控制到幻灯片交互动作。1. 创建按钮按钮有点击前和点击后两个状态，这需要您准备两张图片作为按钮的点击样式。若要在页面中创建按钮：●点击交互工具栏中 “按钮” 即可在页面中央生成空白按钮。●您也可以选中任意的两个图形、图片或是文本框，选择右键菜单中“创建为”>“按钮” 即可将被选中的两个对象作为点击前和点击后组合为一个按钮。2. 编辑按钮●若要更改按钮样式，可将制作完成的样式直接在“ 图层” 窗口拖入到按钮状态中即可。●若要快速交换按钮“ 点击前”、“点击后” 两个状态，请点击位于两个状态中间的“ 交换” 按钮。3. 设置按钮效果制作完按钮的样式以后，您可以在“ 属性” 窗口 >“ 按钮设置” 中设置按钮的行为。Celluloid 中按钮有四个功能，每个功能都有专属的属性调节面板。透明的按钮同样有效。以下将详细为您介绍按钮的每个功能以及它们的专属面板。若在控制状态中选择 “幻灯片”：●选择该选项后，电子刊物读者可通过按钮控制幻灯片播放动作。按钮对于幻灯片有 “指定状态” 、“向前翻页”、“向后翻页” 三种控制效果。若在控制状态中选择 “页面跳转”：●选择该选项后，电子刊物读者点击按钮可快速跳转到指定页面。若要指定跳转页面，请在“ 指定页面” 中选择页面。“指定页面” 中有“ 其他栏目页面” 和“当前章节”。若在控制状态中选择 “超链接”：●选择 “超链接” 后，电子刊物读者点击按钮将弹出Web。您可以在 “链接地址”中输入Web 地址并选择链接方式。链接方式中有 “内部弹出Web 窗口”和“转至Web 浏览器” 两种跳转方式。若在控制状态中选择 “分享至微博” ：●选择 “分享至微博” 后，电子刊物读者点击按钮可进行微博分享。当读者已在Spandex（阅读软件）中登陆微博了的情况下，可弹出微博分享对话框。当读者未登陆微博时，则将先弹出微博登陆窗口。幻灯工具幻灯工具作为展示类控件，有“渐变”、“ 惯性滑动” 、“吸附滑动”、“滑动”、“3D 翻转”“弹出”“收缩”等多种展示特效。除此之外，幻灯片还可以作为所有元素和交互控件的载体，即您可以在幻灯片中添加幻灯片制作多重交互效果，Celluloid 为您提供了更加自由的交互设计空间。1. 创建幻灯片若要在页面中创建幻灯片：●点击交互工具栏中的“ 幻灯片” 按钮，即可在页面中央生成一个状态为 1 的幻灯片控件。●您也可以选中两个元素，选择右键菜单中“ 创建为” >“ 幻灯片” ，即可将选中的两个对象组合生成幻灯片，并且状态1 和状态2 分别为您选中的两个元素。2. 编辑幻灯片●在播放时，一个幻灯片一次只能显示一个状态。●幻灯片的整个区域大小是根据幻灯片内部对象位置进行变化的，不可直接设置其大小。●若要向幻灯片中添加元素或控件，在“ 图层” 面板中直接选中对象，拖入到幻灯片里您想要放置的状态中即可。●若要增加幻灯片状态，您可以在“ 属性” 面板 >“ 交互效果” >“ 状态数量”中输入状态数量即可。状态的最小值为1。●若要调整幻灯片中状态的播放顺序，您可以双击页面中幻灯片区域，在“ 幻灯片编辑器” 中直接以拖拽的方式来调整幻灯片的状态顺序。3. 设置幻灯片展示效果幻灯片状态编辑完成后，您可以在“ 属性” 窗口 >“ 交互效果” 中设置幻灯片的效果。Celluloid 中幻灯片有五种展示特效，每个效果都有专属的属性调节面板。以下将详细为您介绍幻灯片每个展示特效以及它们的专属面板。若在过渡方式中选择“ 渐变”（ 按钮可控）。1. 若要设置幻灯片中两个状态的过渡时间，请在 “过渡时间” 中输入数值。2. 若要幻灯片自动播放，请勾选“ 自动播放” ，并设置幻灯片播放的初始状态。默认选择幻灯片状态1，您也可以按照需要选择幻灯片中的任意状态。3. 自动播放时，若要使幻灯片每个状态都有一段时间的停留，您可以在“ 播放间隔” 中输入停留时间。4. 若需要幻灯片停止一段时间后开始自动播放，您可以在“ 播放延迟” 中输入停留时间。5. 若要使幻灯片接受手指触碰切换效果，请勾选 “滑动切换” ，或 “点击切换”。6. 若要使幻灯片循环播放，请勾选 “循环播放” 。您还可以设置循环播放的次数，或者是无限循环。若在过渡方式中选择“ 惯性滑动”（ 按钮不可控）。1. 惯性滑动通常用于展现大量的、连续性的图片。读者可用手指滑动幻灯片区域来促使幻灯片播放，其播放的速度会依照物理惯性逐渐降低直至停止。2. 若要改变滑动方向请在 “滑动方向” 中选择。若在过渡方式中选择 “吸附滑动”（按钮可控）。1. 吸附滑动是指幻灯片区域内的图片等元素在拨动时带卡位的效果。2.“滑动方向” 中可选择做水平方向的滑动还是垂直方向的滑动效果。3. 若要使幻灯片接受手指触碰切换效果，请勾选 “滑动切换” ，或 “点击切换”。4. 勾选 “循环播放” 后，可使幻灯片循环播放。若在过渡方式中选择 “滑动”（按钮不可控）1. 选择 “滑动” 效果时，读者手指带动幻灯片中图片运动，图片会停留在手指离开的状态。2.“滑动方向” 中可选择做水平方向的滑动还是垂直方向的滑动效果。在过渡方式中选择 “3D 翻转”“弹出”“收缩”1.“3D 翻转” 能为您带来纸牌翻转效果。“弹出”能为你带来带有惯性的弹出切换效果，“收缩”能为您带来带有惯性的收缩切换效果。2. 若要设置幻灯片中两个状态的过渡时间，请在 “过渡时间” 中输入数值。3. 若要幻灯片自动播放，请勾选“ 自动播放” ，并设置幻灯片播放的初始状态。默认选择幻灯片状态1，您也可以按照需要选择幻灯片中的任意状态。4. 自动播放时，若要使幻灯片每个状态都有一段时间的停留，您可以在“ 播放间隔” 中输入停留时间。5. 若需要幻灯片停止一段时间后开始自动播放，您可以在“ 播放延迟” 中输入停留时间。6. 若要使幻灯片接受手指触碰切换效果，请勾选 “滑动切换” ，或 “点击切换”。7. 若要使幻灯片循环播放，请勾选 “循环播放” 。您还可以设置循环播放的次数，或者是无限循环。