要在Adobe Captivate中创建一个拖放互动,你需要遵循以下步骤:
- 创建一个新的Adobe Captivate项目。
- 在项目中打开“交互”选项卡。
- 点击“拖放”选项卡。
- 点击“添加”按钮以添加一个新的拖放互动。
- 在“属性”窗格中,设置拖放互动的选项,如名称、描述、分数等。
- 在舞台上绘制一个拖动项(拖动对象)和一个放置区(放置目标)。
- 选中拖动对象并在“属性”窗格中设置其属性,如名称、描述、图像等。
- 选中放置目标并在“属性”窗格中设置其属性,如名称、描述、图像等。
- 在舞台上选择一个拖动项,然后点击“设置目标”按钮以设置其放置目标。
- 在弹出的对话框中,选择一个放置目标并点击“确定”按钮。
- 通过重复上述步骤为每个拖动项设置放置目标。
- 在舞台上选择一个放置目标,然后点击“设置源”按钮以设置其拖动项。
- 在弹出的对话框中,选择一个拖动项并点击“确定”按钮。
- 通过重复上述步骤为每个放置目标设置拖动项。
- 点击“保存”按钮以保存拖放互动。
下面是一个使用JavaScript为拖放互动添加自定义代码的示例:
- 在项目中打开“标题”选项卡。
- 在“标题文本”字段中输入标题文本,例如“拖放互动”。
- 在舞台上绘制一个拖动项(名称为“dragItem”)和一个放置目标(名称为“dropTarget”)。
- 在舞台上选择拖动项,然后在“属性”窗格中设置其属性,如图像、开始位置等。
- 在舞台上选择放置目标,然后在“属性”窗格中设置其属性,如图像、接受类型等。
- 点击“项目”菜单,然后选择“外部库”。
- 在“外部库”窗格中,点击“添加”按钮以添加一个新的外部库。
- 在“文件”字段中输入JavaScript文件的路径,例如“custom.js”。
- 在“命名空间”字段中输入一个命名空间,例如“CustomCode”。
- 点击“确定”按钮以保存外部库设置。
- 在项目中打开“交互”选项卡。
- 点击“拖放”选项卡。
- 点击“添加”按钮以添加一个新的拖放互动。
- 在“属性”窗格中,设置拖放互动的选项,如名称、描述、分数等。
- 在舞台上选择一个拖动项,然后点击“设置目标”按钮以设置其放置目标。
- 在弹出的对话框中,选择一个放置目标并点击“确定”按钮。
- 在舞台上选择一个放置目标,然后点击“设置源”按钮以设置其拖动项。
- 在弹出的对话框中,选择一个拖动项并点击“确定”按钮。
- 点击“保存”按钮以保存拖放互动。
- 在项目的根目录下创建一个名为“custom.js”的JavaScript文件,并添加以下代码:
var CustomCode = {};
CustomCode.dragItem_onDrop = function(event)
{
// 在拖动项放置到放置区时触发的事件
var dragItem = event.target;
var dropTarget = event.target.dropTarget;
// 添加自定义代码来处理拖放事件
console.log("拖动项 " + dragItem.name