Adobe Captivate - 拖放
创始人
2024-07-28 08:01:14
0

要在Adobe Captivate中创建一个拖放互动,你需要遵循以下步骤:

  1. 创建一个新的Adobe Captivate项目。
  2. 在项目中打开“交互”选项卡。
  3. 点击“拖放”选项卡。
  4. 点击“添加”按钮以添加一个新的拖放互动。
  5. 在“属性”窗格中,设置拖放互动的选项,如名称、描述、分数等。
  6. 在舞台上绘制一个拖动项(拖动对象)和一个放置区(放置目标)。
  7. 选中拖动对象并在“属性”窗格中设置其属性,如名称、描述、图像等。
  8. 选中放置目标并在“属性”窗格中设置其属性,如名称、描述、图像等。
  9. 在舞台上选择一个拖动项,然后点击“设置目标”按钮以设置其放置目标。
  10. 在弹出的对话框中,选择一个放置目标并点击“确定”按钮。
  11. 通过重复上述步骤为每个拖动项设置放置目标。
  12. 在舞台上选择一个放置目标,然后点击“设置源”按钮以设置其拖动项。
  13. 在弹出的对话框中,选择一个拖动项并点击“确定”按钮。
  14. 通过重复上述步骤为每个放置目标设置拖动项。
  15. 点击“保存”按钮以保存拖放互动。

下面是一个使用JavaScript为拖放互动添加自定义代码的示例:

  1. 在项目中打开“标题”选项卡。
  2. 在“标题文本”字段中输入标题文本,例如“拖放互动”。
  3. 在舞台上绘制一个拖动项(名称为“dragItem”)和一个放置目标(名称为“dropTarget”)。
  4. 在舞台上选择拖动项,然后在“属性”窗格中设置其属性,如图像、开始位置等。
  5. 在舞台上选择放置目标,然后在“属性”窗格中设置其属性,如图像、接受类型等。
  6. 点击“项目”菜单,然后选择“外部库”。
  7. 在“外部库”窗格中,点击“添加”按钮以添加一个新的外部库。
  8. 在“文件”字段中输入JavaScript文件的路径,例如“custom.js”。
  9. 在“命名空间”字段中输入一个命名空间,例如“CustomCode”。
  10. 点击“确定”按钮以保存外部库设置。
  11. 在项目中打开“交互”选项卡。
  12. 点击“拖放”选项卡。
  13. 点击“添加”按钮以添加一个新的拖放互动。
  14. 在“属性”窗格中,设置拖放互动的选项,如名称、描述、分数等。
  15. 在舞台上选择一个拖动项,然后点击“设置目标”按钮以设置其放置目标。
  16. 在弹出的对话框中,选择一个放置目标并点击“确定”按钮。
  17. 在舞台上选择一个放置目标,然后点击“设置源”按钮以设置其拖动项。
  18. 在弹出的对话框中,选择一个拖动项并点击“确定”按钮。
  19. 点击“保存”按钮以保存拖放互动。
  20. 在项目的根目录下创建一个名为“custom.js”的JavaScript文件,并添加以下代码:
var CustomCode = {};

CustomCode.dragItem_onDrop = function(event)
{
    // 在拖动项放置到放置区时触发的事件
    var dragItem = event.target;
    var dropTarget = event.target.dropTarget;

    // 添加自定义代码来处理拖放事件
    console.log("拖动项 " + dragItem.name

相关内容

热门资讯

安卓换鸿蒙系统会卡吗,体验流畅... 最近手机圈可是热闹非凡呢!不少安卓用户都在议论纷纷,说鸿蒙系统要来啦!那么,安卓手机换上鸿蒙系统后,...
app安卓系统登录不了,解锁登... 最近是不是你也遇到了这样的烦恼:手机里那个心爱的APP,突然就登录不上了?别急,让我来帮你一步步排查...
安卓系统拦截短信在哪,安卓系统... 你是不是也遇到了这种情况:手机里突然冒出了很多垃圾短信,烦不胜烦?别急,今天就来教你怎么在安卓系统里...
安卓系统要维护多久,安卓系统维... 你有没有想过,你的安卓手机里那个陪伴你度过了无数日夜的安卓系统,它究竟要陪伴你多久呢?这个问题,估计...
windows官网系统多少钱 Windows官网系统价格一览:了解正版Windows的购买成本Windows 11官方价格解析微软...
安卓系统如何卸载app,轻松掌... 手机里的App越来越多,是不是感觉内存不够用了?别急,今天就来教你怎么轻松卸载安卓系统里的App,让...
怎么复制照片安卓系统,操作步骤... 亲爱的手机控们,是不是有时候想把自己的手机照片分享给朋友,或者备份到电脑上呢?别急,今天就来教你怎么...
安卓系统应用怎么重装,安卓应用... 手机里的安卓应用突然罢工了,是不是让你头疼不已?别急,今天就来手把手教你如何重装安卓系统应用,让你的...
iwatch怎么连接安卓系统,... 你有没有想过,那款时尚又实用的iWatch,竟然只能和iPhone好上好?别急,今天就来给你揭秘,怎...
iphone系统与安卓系统更新... 最近是不是你也遇到了这样的烦恼?手机更新系统总是失败,急得你团团转。别急,今天就来给你揭秘为什么iP...