《图片拖动显示》的制作方法
【实例说明】:
本例制作一个图片拖动显示的动画的效果。
【特别说明】:本例中有两处关键操作,均用下划线圈出,希望读者重视,否则有可能出错。
【操作步骤】:
〖一〗、新建文档
- 单击“文件”/“新建”命令,创建一个新文档;
- 单击“修改”/“文档”命令;在“文档属性”对话框中设置“尺寸”为550×400,背景色为白色;单击“确定”按钮。
〖二〗、制作“背景层”
- 双击“图层1”;然后将其命名为“背景层”;
- 然后参见下图选择工具栏上的文本工具在舞台上输入以下文本:
〖三〗、导入风景图
- 单击“文件”/“导入”/“库”命令;在对话框中找到要导入的图片,然后单击“打开”按钮将图片导入到库中;
- 打开“库”面板;将图片拖放到舞台上(对于图片大小不管其是否超出了舞台大小,都可以不调整其大小),不会影响最终效果。
- 单击选中该图片;按“F8”打开元件转换对话框;在名称后面输入“风景图”,单击“影片剪辑”单行框,并将注册选项后面的点选择在“左上角”(注意这点非常重要)(※关键操作);最后单击“确定”按钮关闭该对话框。
- 打开库面板;右键单击“风景图”影片剪辑;单击“链接”命令;在对话框中勾选“为ActionScripl导出”复选框,在标识符后面输入“风景图”作为其标识符;单击“确定”按钮即可。
- 在库中单击选中“风景图”影片剪辑;双击预览框中的图片进入其元件编辑区;(※关键操作)用工具栏上的“任意变形工具选定该影片剪辑元件舞台上的图片元件,这时会出现一个小圆点;这时你还会看到舞台上有一个十字符号,这是舞台的坐标原点;拖动舞台上面的图片使其左上角刚好正好处于十字符号的位置;这样做的目的是为了不让最终效果图中的图片出现没有全部显示的错误画面。
- 最后单击“场景1”按钮返回到主场景舞台上。
【四】制作“组件层”
- 选中“背景”图层;单击时间轴上的添加新图层按钮,再添加一个新图层;然后双击该图层将其命名为 “组件层”
- 单击“窗口”/“组件”命令,打开其对话框;单击“User? Interface”文件夹前面的“+”号;双击里面的“ScrollPane”组件将其添加到舞台上;然后调整其大小基本与舞台大小相同即可(或者与你导入的图片大小相同)。
- 单击选中舞台上的“ScrollPane”组件;再单击“窗口”/“组件检查器”命令,打开其对话框;单击“参数”选项卡;在“ContentPath”后面输入“风景图”;
参数中的的各参数的含义分别如下:
ContentPath:输入需要绑定的对象实例名,如本例中的“风景图”。
hscrllPolicy:水平滚动设置,缺省为auto。
VSageScroll:垂直滚动设置,缺省为auto。
〖四〗、本例添加组件后的基本效果如下:(实际图中右边有滚动条,下面也有水平滚动条)
〖五〗、最后按“Ctrl+Enter”组合键测试影片
|