Articulate Storyline中文基础教程之二状态 触发器 图层的使用Word格式文档下载.docx

Articulate Storyline中文基础教程之二状态 触发器 图层的使用Word格式文档下载.docx

《Articulate Storyline中文基础教程之二状态 触发器 图层的使用Word格式文档下载.docx》由会员分享，可在线阅读，更多相关《Articulate Storyline中文基础教程之二状态 触发器 图层的使用Word格式文档下载.docx（22页珍藏版）》请在冰点文库上搜索。

上图的缺省设置中，可以这样理解：

当点击按钮1时，跳转到下个幻灯层。

跳转（动作）下一个幻灯层在用户点击时在按钮1上

总之，无论何时，只要想要交互效果，你就需要创建触发器。

包括从这一幻灯层跳转至另一幻灯层、改变人物的状态、显示或隐藏图层、调整变量值等等。

一、增加并编辑状态：

Storyline可以给一系列物件增加状态，诸如：

图像、图形、标题、人物及按钮。

所谓状态就是同一物件的不同表现状态，而要实现这些状态间的相互转换，则需要基于用户的交互动作。

在Storyline中，要管理这些状态，你需要打开：

时间轴、状态及记录面板。

1.在Story视图状态时，双击要编辑的幻灯层可打开该幻灯层，在普通视图状态时，在左边的导航面板中选择要编辑的幻灯层可以打开该层。

2.在幻灯片舞台的右下角点击箭头，从而扩展时间轴、状态及记录面板。

3.选择“状态State”选项卡

增加状态：

在缺省设置时，图像、图形、标题、人物只有一种状态，而按钮则有多种状态。

你可以给任何物件增加多种不同的状态。

步骤如下：

1.首先，在幻灯层上点击物件；

2.在（States）状态面板中，点击编辑状态（EditStates）按钮；

3.点击（NewState）新状态按钮创建新的状态，（新状态按钮看起来像一张空白的纸张）

或者，你也可以点击复制按钮（DuplicateState）去创建选中状态的一个备份。

（复制按钮类似于两张叠放的空白纸张）

4.对于创建的新状态可以给其命名，或者用Storyline提供的内建状态的下拉菜单中选择命名。

5.点击增加（Add）按钮。

6.当然，在建立新状态后，如果要修改新状态，则需要按照该教程后半部分的步骤来修改。

7.当你完成增加新状态或结束编辑状态后。

需要点击结束编辑。

（DoneEditingStates）如下图：

编辑不同的状态：

你能够改变任何状态的外貌，例如改变它的：

文本、形状、色彩，位置、尺寸等等。

当你编辑人物的状态时，你还可以改变人物的表情、姿势、透视角度。

一般步骤如下：

1.首先，在幻灯层上点击所需要编辑的物件；

2.在（States）状态面板中，点击（EditStates）编辑状态按钮；

3.选择你需要改变的状态，或者增加一个新的状态。

然后利用Storyline的工具箱中提供的灵活多变的选项更改为需要的状态。

4.当你对选定物件完成编辑状态后，不要忘记点击完成编辑命令（DoneEditingStates）。

只有这样才能保证状态编辑成功。

5.当你需要将当前的编辑状态恢复到初始的状态时，可以点击重置状态按钮（ResetState）。

缺省设置中，当你编辑特定的物件时，幻灯层上的其他物件将灰色显示，当取消背景物件灰色化复选框时（Dimbackgroundobjects），幻灯层上的所有元素将正常显示。

该复选框使用的典型例子是：

当你用颜色拾取器给选定物件变换颜色以匹配幻灯层上另一个物件时，该复选框将非常实用。

（见下图）

为了给编辑物件状态节省时间，可以使用“状态编辑基于”（Editingstateson）下拉框。

该下拉框位于状态面板的右下部。

选择下拉框中的物件后，将自动切换至位于同一幻灯层上的该物件。

当鼠标在项目上滚动时，Storyline会在相应的物件上进行轮廓化标记，这样可以使你很方便的选择编辑的物件。

当点击结束编辑状态（DoneEditingStates）按钮后，所有物件的任何变化将被及时保存。

设置物件的初始状态：

当幻灯层上的物件有多个状态时，你就需要给该物件设置一个最初的状态。

缺省设置时，物件的初始状态是“正常“（Normal）。

当然你也可以选择其他状态甚至隐藏状态（Hidden）作为物件的初始状态，具体如下：

1.点击幻灯层上的物件并选定。

2.在状态面板中，使用初始状态下拉框选择需要的状态。

注意，当选择初始状态为隐藏状态时，意味着物件在幻灯层中不会自动显示，只有通过交互的效果才能触发该物件的其他状态，在随后的讲解部分我们将会演示。

删除物件的状态：

2.在状态面板中，点击编辑状态。

3.选中要删除的物件的状态，然后点击删除按钮（DeleteState）。

4.在出现的对话框中，点击删除。

5.完成删除命令后，点击结束编辑状态按钮。

触发物件的状态：

在发布课程中，为了达到基于用户的交互去显示一个状态，就需要增加一个触发器。

在下面部分我们来学习这样的触发器。

二、增加并编辑触发器

使用Storyline的触发器，可以非常方便的在你的课程中添加生动的交互效果。

让我们来看一下下面的实例，下载地址：

http:

//articulate-

添加第一个触发：

给物件添加触发，可以使用下列任一种方法：

●在触发器面板中，点击创建新的触发器图标；

●选择插入（Insert）>

（交互物件）InteractiveObjects>

（触发器）Trigger

当然，如果在幻灯层已经插入了按钮时，可以直接点击增加触发器（Addtrigger）的快捷键。

点击增加新的触发器

触发器向导将会引导你完成这一设置过程。

1.选择动作：

显示图层；

2.选择图层：

图层1；

3.选择动作何时发生：

用户点击；

4.动作触发的物件是：

按钮1；

5.确定；

6.预视幻灯层；

此时，点击交互按钮将展现一个新的图层，同理，其他图层的触发器设置均是一样的。

任何时候触发器的设置总是有三个条件：

编辑触发器：

Storyline可以非常容易的编辑现有的触发器。

要编辑触发器可以用一下任一种方法：

●在触发器面板中，双击触发器打开触发器向导就可以编辑了；

●或者，在触发器面板中，寻找可进行编辑的项目（该项目一般显示为带下划线的蓝色的文字）。

找到可编辑的蓝色的文字项后，直接从下拉框中选择需要的参数即可。

一般这些参数为幻灯层、变量数值、可变的操作、状态等）

拷贝并粘贴触发器：

在实际工作中，会需要创建很多的触发器，此时，最快捷的办法就是在物件上拷贝粘贴触发器。

在物件上拷贝粘贴触发器时，可以让你避免多次的点击鼠标动作，之后你就仅需要在触发器面板中调整适当的参数。

1.在触发器面板中，选择按钮1触发器。

2.按CTRL+C或者在触发器面板下方点击拷贝图标。

3.在触发器面板中选择按钮2（当然也可以在幻灯片上选按钮2）。

4.按CTRL+V或者在触发器面板下方点击粘贴图标。

5.在触发器面板中修改按钮2中的图层为图层2。

给多个物件同时粘贴触发器：

你可以给多个物件同时粘贴相同的触发器，在实现类似标签交互效果时，可以使用此方法给多个物件粘贴这样同类型的触发器。

例如，在你创建一组标签交互效果时，你就可以给这一组标签粘贴显示图层（Showlayer）的触发器。

1.新建第一个触发器。

2.拷贝刚创建的触发器。

3.在幻灯层上选择按钮3和按钮4（按住Shift，选中按钮3，再选中按钮4）。

5.在触发器面板中，修改按钮3和按钮4跳转到正确的图层。

一次粘贴触发器到多个物件可以节省很多时间，此时，切记在粘贴命令结束后要及时修改更新每一触发器。

通过复制物件拷贝触发器：

可以通过拷贝已经包含触发器的物件，来达到拷贝触发器的目的。

尤其是当你自定义了按钮的开关状态，也就是说，按钮有多项触发内容时，这种方法很有用。

在本例中，点击按钮1会跳转到图层1，同时，人物的表情会变为说话状态。

下载地址：

//articulate-

在这个项目中包含4个图层，一个按钮（有两个触发器：

显示图层触发器、改变人物状态触发器）。

此时，我们不使用创建新按钮并新建两个触发器的方法。

改用一种更快捷的方法：

在幻灯层上多次复制按钮，触发器将随同按钮一同被复制。

1.选择按钮1并点按CTRL+C拷贝按钮1；

2.点按CTRL+V四次，从而复制四个按钮；

3.在触发器面板中，修改更新每个按钮的跳转层及其人物状态；

我们看到，同一问题在Storyline中会有很多种方法解决，掌握方法越多，越有助于我们高效工作。

三、增加并编辑图层

在一张幻灯片上可以有很多图层，每一个图层将会显示不同的内容，当创建图层后，就可以给图层增加触发器，已使Storyline能决定何时把这些图层显现出来。

增加图层步骤如下：

选定要添加图层的幻灯片，之后可以采用下列任一中方法：

●在插入（Insert）菜单中选择幻灯片图层（SlideLayer）；

●在幻灯片图层面板中点击新建图层按钮（NewLayer）；

在幻灯片图层面板中，新建的图层一般显示如下：

依据相同的方法，可以增加许多这样的图层。

增加图层后，你就能如同在幻灯片主层上一样，进行同样的操作，来增加内容。

同时也可以通过时间轴控制图层的出现时间，及其显示的时间范围。

步骤很简单：

在图层面板中选中图层，然后点击时间轴、状态、记录图标。

图层命名

编辑图层时首先要给图层命名，给图层命名后可以在随后的添加触发器时快速选中想要的图层。

图层命名步骤如下：

1.在幻灯片图层面板中双击图层的名称。

2.输入新的图层名称。

3.敲击键盘上的回车键（Enter）或者任意点击一下幻灯片。

更改图层的属性

对于每一个图层，都可以自定义它的属性从而控制图层的显示方式。

点击图层右边的齿轮样图标，

打开图层属性对话框（SlideLayerProperties）；

可见性（Visibility）:

●隐藏其他图层（Hideotherslidelayers）:

该选项表明：

当该图层可见时，除幻灯片主层之外的其他图层将隐藏。

●隐藏主层上的物件（Hideobjectsonbaselayer）:

当该图层可见时，幻灯片主层上的所有物件将隐藏。

（当然，在访问该图层时，如果希望幻灯主层上的一部分物件不可见，在该教程的后面会讲到实现这一功能的方法）

●在幻灯片时间结束时隐藏图层（Hideslidelayerwhentimelinefinishes）:

当图层放映结束时隐藏当前的图层。

●允许寻求控制（Allowseeking）:

如果幻灯片播放控制包含一个控制条，那么当你需要在幻灯片图层中将控制条激活时，可以选择是（Yes）来设置这个选择。

例如，在幻灯图层中包含有视频、动画、音频，需要用户实现暂停、重放、快进功能时，这个选项将会很方便。

如果设置该选项为自动控制（AutomaticallyDecide），Storyline会在你标记下列任一选项后允许寻求控制，这些选项包括：

隐藏幻灯主层上的物件，避免用户点击幻灯主层，幻灯主层暂停时间轴。

主层（BaseLayer）：

●避免用户点击主层（Preventtheuserfromclickingonthebaselayer）

当前图层可见时，避免学习者援引位于主层中的任何按钮、超连接及其触发器。

●暂停主层的时间轴（Pausetimelineofbaselayer）

当前图层可见时，主层中的动画、音频及其他物件将暂停播放。

当当前图层关闭后，主层的时间轴将继续播放。

第二次访问（Revisits）：

当学习者重访该图层时，这些选项使你能够控制图层中物件的行为。

●自动控制（Automaticallydecide）

这是一个缺省的设置，意味着学习者在随后的再一次访问该图层时，Storyline将决定是从学习者上一次访问的位置开始播放，还是从该图层的初始位置播放。

逻辑是这样的：

如果该图层仅仅包含简单的物件或者音频而无交互内容时，Storyline将在学习者每次访问图层时从该图层的初始位置播放，但图层中包含有任何的交互内容时，如：

按钮或者包含已访问或已选择状态的物件时，Storyline将会从学习者上一次离开时的播放位置继续播放。

●从存储状态播放（Resumesavedstate）

使用此选项时，Storyline将始终从学习者上次离开时的播放位置开始播放。

●从初始状态播放（Resettoinitialstate）

选择此选项，Storyline将始终从该图层的初始位置播放。

这意味着，无论学习者重复观看多少次，每次将始终从该层的初始位置播放，图层中的任何交互内容也是从初始位置播放。

在主层上隐藏特定的物件

在层的属性对话框中，有“隐藏主层上物件”的选项。

但该选项将隐藏主层上的所有物件。

当只要隐藏部分物件时该如何做呢？

因为每个图层均有自己的时间轴，因此，通过控制时间轴可以关闭掉任何物件包括主层上的物件。

1.跳转到任一图层；

2.点击时间轴（Timeline）；

3．点击主层物件箭头（BaseLayerObjects）；

4.关闭物件的可见图标；

点击要隐藏物件的眼睛图标，隐藏该物件。

当用户访问该图层时，主层上被隐藏的物件将不会出现，而一旦离开该图层时，主层上的物件又会出现。

更改图层间的切换效果

同主层切换效果一样，可以给图层增加切换效果，步骤如下：

1.在图层面板中，选择图层；

2.点击动画（Animations）标签；

3.选择一种切换效果及切换速度；

更多切换效果，将在后续课程中讲解。

重新调整图层层次

幻灯片上的图层总是显示在主层之上，当有很多图层时，给图层安排一个合适的层次，将有助于后期的编辑处理。

调整层次很简单：

在图层面板（SlideLayers）中选择层后，可以拖拽到任意位置。

隐藏、取消隐藏、灰色显示图层

在幻灯片上有很多图层时，在编辑图层时显示或隐藏掉另外一些图层是非常有用的，显示图层时，把图层面板（SlideLayers）中图层左边的眼睛点开即可，隐藏图层时，把眼睛图标关闭即可。

在编辑图层时，点击眼睛图标，使图层显示或隐藏。

一般而言，在编辑图层时，其他图层呈灰色化显示，如果你需要使其他图层全彩显示，则需要取消在幻灯片图层面板中的灰色化按钮（Dimnon-selectedlayers）。

复制图层

选中图层后，通过点击复制按钮或者点按Ctrl+D键复制图层。

复制选中的图层

删除图层

在幻灯片图层面板中选定图层后，点击红色X的图标或直接按删除（Delete）键删除图层。

点按图标删除选中的图层