论文部分内容阅读
当点击不同的缩略小图后就会进行相应大图的切换,这样的效果如何实现呢?可能你在PPT或Flash中能够做出这样的效果来,但笔者要说的是,无论在PPT还是在Flash中要实现这样的效果还是有些麻烦的,不是来回来去的设置动作,就是不断的编写代码,这太费事了。笔者经过研究,发现Xcelsius 2008(水晶易表2008)不仅是制作交互式Flash动态图表的好手,而且还能用它来进行图片的相互切换。
接下来,笔者就用它制作一个小图变大图的缩略图切换效果(如图1)。
素材准备超简单
对于素材的准备,除了要显示的照片外,还需要准备一个Excel表格。这个表格的准备有两种方法,第一种方法是运行Xcelsius 2008后在任意列录入所要显示的照片的绝对路径,如d:\tmp\IMG_0001.JPG、d:\tmp\IMG_0003.JPG等,这些文件名是没有规律的;第二种就是建立一个Excel表,在任意列录入所要显示的照片的绝对路径,然后运行Xcelsius 2008,将这个表格导入到程序中。笔者在这里利用A列存放文件名,将B1单元格作为临时存放数据的单元格。为了引起读者的注意,笔者将它的填充色设置为黄色(如图2)。
部件交互巧设置
素材准备完后,就该交互式部件登场了。选择左边部件库中“选择器”下的“滑动图片菜单”部件,将其拖入到绘图区合适位置,调整其大小。右击选定这个部件,选择“属性”菜单,在右侧它的“常规”属性面板中,图像处选择“按URL”,值选择Sheet1中的A1:A10(即Sheet1!$A$1:$A$10),也就是说缩略图中的图像文件是所选单元格中的值;在数据插入处,插入类型选择“值”,源数据选择Sheet1中的A1:A10(即Sheet1!$A$1:$A$10),目标选择Sheet1中的B1(即Sheet1!$B$1),意思就是说当点击部件中的任意缩略图时,单元格A1:A10中对应单元格的值就会赋给B1单元格(如图3)。
在“行为”属性的“常用”面板中,选定条目处,条目设置为“缩略图1”。在“外观”属性的“文本”面板中,显示处去掉标签,即不显示标签。当然,也可以使用外观属性中的其他设置来使部件更加漂亮。
缩略图部件基本上就算设置完成了,接下来就是大图的显示设置了。在部件库的“选择器”中拖动“鱼眼图片菜单”到绘图区合适位置。在它的“常规”属性面板中,图像处选择“按URL”,值选择Sheet1中的B1(即Sheet1!$B$1),也就是说部件的图像文件是B1单元格的值;在“行为”属性的“常用”面板中,缩放大小和缩放速度都调到最小;在“外观”属性的“布局”面板中,图像处的大小调整方法选择“拉伸”,宽度和高度都设置为200,当然这大小可以根据需要进行设置;在“文本”面板中,显示处去掉标签,即不显示标签。
这些都设置完成后,预览一下,如果没有问题,最主要的操作就算完成了。当然,为了美观,可以拖入一个“饰图和背景”类中的“背景”部件,调整其大小,利用对象浏览器面板将其置于最底层。最后,利用“文件/导出”菜单导出生成SWF格式的文件就可以了。
接下来,笔者就用它制作一个小图变大图的缩略图切换效果(如图1)。
素材准备超简单
对于素材的准备,除了要显示的照片外,还需要准备一个Excel表格。这个表格的准备有两种方法,第一种方法是运行Xcelsius 2008后在任意列录入所要显示的照片的绝对路径,如d:\tmp\IMG_0001.JPG、d:\tmp\IMG_0003.JPG等,这些文件名是没有规律的;第二种就是建立一个Excel表,在任意列录入所要显示的照片的绝对路径,然后运行Xcelsius 2008,将这个表格导入到程序中。笔者在这里利用A列存放文件名,将B1单元格作为临时存放数据的单元格。为了引起读者的注意,笔者将它的填充色设置为黄色(如图2)。
部件交互巧设置
素材准备完后,就该交互式部件登场了。选择左边部件库中“选择器”下的“滑动图片菜单”部件,将其拖入到绘图区合适位置,调整其大小。右击选定这个部件,选择“属性”菜单,在右侧它的“常规”属性面板中,图像处选择“按URL”,值选择Sheet1中的A1:A10(即Sheet1!$A$1:$A$10),也就是说缩略图中的图像文件是所选单元格中的值;在数据插入处,插入类型选择“值”,源数据选择Sheet1中的A1:A10(即Sheet1!$A$1:$A$10),目标选择Sheet1中的B1(即Sheet1!$B$1),意思就是说当点击部件中的任意缩略图时,单元格A1:A10中对应单元格的值就会赋给B1单元格(如图3)。
在“行为”属性的“常用”面板中,选定条目处,条目设置为“缩略图1”。在“外观”属性的“文本”面板中,显示处去掉标签,即不显示标签。当然,也可以使用外观属性中的其他设置来使部件更加漂亮。
缩略图部件基本上就算设置完成了,接下来就是大图的显示设置了。在部件库的“选择器”中拖动“鱼眼图片菜单”到绘图区合适位置。在它的“常规”属性面板中,图像处选择“按URL”,值选择Sheet1中的B1(即Sheet1!$B$1),也就是说部件的图像文件是B1单元格的值;在“行为”属性的“常用”面板中,缩放大小和缩放速度都调到最小;在“外观”属性的“布局”面板中,图像处的大小调整方法选择“拉伸”,宽度和高度都设置为200,当然这大小可以根据需要进行设置;在“文本”面板中,显示处去掉标签,即不显示标签。
这些都设置完成后,预览一下,如果没有问题,最主要的操作就算完成了。当然,为了美观,可以拖入一个“饰图和背景”类中的“背景”部件,调整其大小,利用对象浏览器面板将其置于最底层。最后,利用“文件/导出”菜单导出生成SWF格式的文件就可以了。