下载安卓APP箭头
箭头给我发消息

客服QQ:3315713922

怎样在Authorware中实现图像的放大以及拖动呢?

作者:课课家教育     来源: http://www.kokojia.com点击数:1417发布时间: 2016-10-24 13:00:18

标签: 多媒体程序流程图图像

想学设计?来看看大师是如何完成作品的?

      我们在使用Authorware多媒体开发工具进行制作课件的时候,为了可以达到更加好的交互效果,我们往往需要进行自由的控制对象。比如说:仪器的连接、图像的组合等操作。那么我们在制作课件时,怎样在Authorware中实现图像的放大以及拖动呢?今天小编就为大家介绍一下该实现方法吧。

  一、实现目的

  小编在教程开始之前,首先先给大家介绍一下程序实现的目的吧。毕竟了解了目的以后,可以让我们更加有动力去学习该教程。程序实现目的是:动态引入图片、在指定的区域内放大显示图片或者是移动图片。好了,接下来,我们就学习一下具体的操作步骤吧。

  二、制作步骤

  第一:首先我们先打开并运行Authorware多媒体制作软件,进入到主界面以后,我们要新建一个文件。执行以下的操作:依次选择“Modify-File-Preoperties”。这个时候屏幕会自动弹出一个对话框,在该对话框中我们要进行相关的参数设置。具体的参数设置如下:“Options”项只选择“CenteronScreen”,“Size”项选择“Variable”,而剩余的选项我们通通都保留默认值。

  第二:然后我们要构建一个程序流程图。大家知道程序流程图有什么作用吗?其实它是进行程序流程分析过程中最基本的工具,还是改进工作方法的有效工具。如下图:

怎样在Authorware中实现图像的放大以及拖动呢?_多媒体_程序流程图_图像_课课家

  第三:接着打开“初始化”计算图标,执行以下的操作:

  ①在该计算图标中我们输入一下这行代码:Resize window(380,280)pic:=FileLocation^"1.jpg";

  ②要显示的图片,但是我们要注意一点就是:图片名称以及位置,设置large:=0;

  ③最后我们还要确定一下放大图片的显示问题。

  第四:我们将显示图标打开,然后把附加计算图标进行“放大”以及“拖动对象”,内容还是与刚刚的一模一样:设置Movable:=1

  第五:在“退出”计算图标中,我们还要输入以下这句代码确保安全退出:Quit()。

  第六:接下来我们在工具栏中打开“RightMouseDown=TRUE”的条件交互项,并在该交互项中我们还要输入一些代码,具体的实现代码,请参考下图:

输入一些代码

  第七:使用鼠标双击显示图标的“拖动对象”,接着在主菜单中,执行以下的操作:选择“File-Import”。这事系统会自动弹出一个对话框,在该对话框中,找到并点击名为“LinkToFile”的复选项。接着随意的挑选一张图像,并将图像的大小调节好,最后只要单击“Import”的按钮即可,这是用来关闭对话框的。

  随后我们使用鼠标双击刚刚随意输入的图片,在自动弹出对话框中,将主界面切换到“Image”的选项卡。在该选项卡中,找到“File”项并在其中输入“=pic”,完成操作以后,我们就可以将对话框关闭了。

  接下来我们要进行一系列的参数设置,但是要注意咯,这里的参数设置都是非常重要的。只要一不小心设置错了,就会影响后来的结果,所以大家一定要看清楚,不要设置错了。执行以下的操作:依次选择“Modify-Icon-Preoperties”,在对话框中单击“Layout”按钮,进行参数设置。具体的参数设置如下:

  首先我们要将“Movable”以及“Positioning”项中都选择“InArea”的选项。然后使用鼠标单击“Base”按钮(要注意一点就是:在这里所说的是按钮,并不是界面右边的数字区域),将图片进行移动,移动到左上方适当的位置即可。最后使用鼠标单击“End”按钮,并还要把图片移动到界面的右下方合适位置。这个时候,我们会看到界面中已经出现了一个颜色为黑色的矩形,最后我们只要单击“Initialize”按钮即可。不过我们还要继续把图片移动到一个合适的位置,这就是图片一开始出现的地方(如果说大家有很多张图片的话,那么我们也可以自己收到输入数字来进行精确的定位)。如下图:

“拖动对象”设置

  第八:然后我们还要设置显示图标中“放大”的参数,具体的参数设置和上面的操作非常的相似,唯一不同的地方就是图片要稍微大了一些,然后我们在“Movable”以及“Positioning”项中都选择“OnScreen”选项。如下图:

“放大”设置

  第九:现在我们只要将其打包以后,再运行一下就完成所有的操作了。实现的方法如下:使用鼠标的左键将图片按住,可以在规定的区域内自由移动;当单击鼠标右键的时候,如果我们次数是为偶数次时则隐藏之,相反,为奇数次时将显示放大后的图片。

  小编结语:

  小编在该设计教程中,主要分了两个部分来进行讲解,实现目的以及制作步骤。如果大家有兴趣的话,跟着小编一起来动手做吧,说不定会有意外的收获。如果喜欢我们的教程,记得要推荐好友来课课家教育哟。

赞(21)
踩(0)
分享到:
华为认证网络工程师 HCIE直播课视频教程