本博客文章标题如未标有转载、转等字匀属本人原创或演绎作品,是采用知识共享署名-非商业性使用-相同方式共享 2.5进行许可,承蒙转摘请保留署名及出处,谢谢! 影评|CSDN博客

Flash合照成员信息提示组件

一、组件简介

这是一个简单的FLASH组件,用于快速给合照的每个成员添加个人信息,然后把合照生成一个SWF文件在合照成员间分享。它的功能类似bing.com搜索的图片局部提示,也与QQ相册的圈圈评论功能类似。

这个组件效果以"2010年11月广州Web标准化交流会(新浪)"提供的JavaScript版合照作为原型。

查看演示

二、组件功能

1、利用FLASH IDE,添加相片提示效果支持拖动编辑,编辑所见即所得;

2、单张相片支持可变大小的头像响应区域,适用于合照中有人脸部被遮挡的场合

3、提供额外辅助功能以提高编辑的效率,如编辑时可见的头像响应区域,区分完成信息录入与否的不同颜色线框提示

4、生成单个文件易于分享和网络发布,而且文件体积更小

4、不必考虑浏览器兼容问题

5、提供简单的配置,用于生成是否隐藏真实姓名及联系方式的版本,可用于发布网络或内部分享版本

三、环境需求

1、Adobe Flash CS5

2、Flash Player 10

四、使用方法

1、用Flash CS5软件打开项目文件夹中的PhotoTip.fla文件,然后转到库面板,双击MyPhoto.jpg图片,在打开的面板中选择"更新"按钮,设置你的相片文件。

2、设置文档大小,通过以下步骤设置文档刚好与图片大小等同。

3、拖动库中的FaceButton组件到场景中的相片上,注意先在场景下面的时间轴上选择Button层。可以在工具栏上选择"变形"工具改变线框的大小,也可以直接在右侧属性面板修改头像响应区域的大小。

4、在属性面板的组件参数中修改选择头像区域的相片成员信息,完成信息录入后请勾选"完成"复选框,这样默认蓝色的线框就会变成绿色,表明此人已完成信息寻入。重复上面的步骤完成所有人信息的录入。

5、用记事本等工具打开项目文件夹下photo文件夹中的Config.as文件,修改几个参数,主要是相片的标题、大图文件所在的路径,是否显示邮箱及真实姓名等参数。如果标题为空,将不会在左下角生成标题,如果大图路径为空,不会在右上角生成查看大图的链接。

6、回到Flash CS5软件中,按Ctrl+Enter测试影片,然后在项目文件夹生成PhotoTip.swf文件,这就是我们最终需要的文件。

五、源文件下载

PhotoTip.rar

posted @ 2010-12-07 10:25 问道者 阅读(...) 评论(...) 编辑 收藏