基于Flash技术的手机功能交互式仿真实现

王 瑾

(苏州工业职业技术学院 江苏苏州 215104)

基于Flash技术的手机功能交互式仿真实现

王 瑾

(苏州工业职业技术学院 江苏苏州 215104)

为了能够更方便地了解新推出的各款手机的新增服务功能的手机功能仿真平台的制作过程，通过运用Flash动画技术展示手机功能可以移植在企业网站以及大厅触摸屏上。较为详细地叙述了实现过程中的手机截屏软件或数码相机及Photoshop图像处理软件来收集处理各种素材，运用Flash动画技术及Action Script脚本语言来实现平台功能动画的制作和系统的整合。

Flash技术;手机;交互式仿真

随着信息技术的飞速发展，Flash技术的运用越来越普及，除了常见的教学课件演示、实验动画模拟、过程仿真实现、可视化仿真［1］及测试系统等方面的应用之外，Flash也因其体积小、实现技术相对简单、使用方式灵活等特点［2］，开始涉及生活中的方方面面，为人们的生活带来越来越多的方便。本文介绍的手机功能仿真平台是配合某企业推出新款手机的契机，为了让更多的民众能够更方便地了解企业新推出的各款手机的新增服务功能的使用方法而提出的需求，所开发的Flash动画展示的手机功能可以移植在网站以及触摸屏上，方便用户随时随地了解手机新功能的使用方法。期望通过本文的介绍，可以让更多的人灵活应用Flash技术去发掘可以方便人们生活的各种交互式仿真平台。

1 模块实现

整个系统根据制作过程分为4个模块:手机功能的分析、素材的收集处理、功能动画的制作、系统的整合及使用，以上模块的处理主要是通过Flash动画技术及Action Script脚本语言来实现的，个别环节还涉及到手机截屏软件或数码相机及Photoshop图像处理软件的使用，下面将作具体介绍。

1.1 手机功能的分析

在进行设计之前，首先要针对手机要展示的功能进行需求分析，通过使用和了解手机的各项菜单及功能，结合用户需求，明确需要展示的功能菜单及菜单细项，是简单展示还是要与用户进行互动，哪些功能需要重点说明，所有需求都要使用文档进行详尽的说明，为后面的设计制作提供依据。

1.2 素材的收集整理

在完成需求之后，进入到素材收集阶段。系统是通过Flash技术来仿真手机的功能菜单应用，故而素材以手机外观图和菜单屏幕展示为主。手机外观图的收集可以通过网络搜索合适的高清图片，如果网络图片在展示角度或清晰度不理想的情况下，也可以使用相机在合理的光线条件下自行拍摄，并使用Photoshop软件进行图片处理以达到理想的效果;而图片采集量比较大的菜单屏幕，根据手机功能可分别选择两种不同的收集方式:支持屏幕软件截屏的手机型号，可以直接通过Screen Capture等截屏软件直接获取屏幕，通过这种方法获得的素材比例、色调都比较理想，可以直接使用;若手机无截屏功能支持，对于需要采集的屏幕信息只能通过数码相机拍照逐一获取，同时，由于拍摄条件的限制，后期还需要使用Photoshop软件对拍摄图片的大小、亮度、变形等属性进行对应的调整来满足要求。需要注意的是，这个环节手机的素材图片容量比较大，除了截屏的时候要有条不紊地进行之外，还应该按照手机功能菜单以及动画的制作时的使用顺序合理命名文件以及使用文件夹分门别类地存储，在导入Flash软件进行制作的时候也应该注意图片在库中的管理，为后面的动画制作提供方便。

1.3 功能动画的制作

具体的动画演示或是提供用户交互的动画都是在影片剪辑中制作的，便于整合时期通过调用各个影片剪辑来实现最终的效果，每款手机根据菜单功能的不同都会有很多对应的动画需要制作，下面根据动画类型的不同将这个模块分为两部分来介绍。

1)外观展示动画。外观展示动画的主要功能是通过旋转按钮来对手机的四个旋转面进行展示，并同时可以点击按钮来了解各个接口的功效和参数，让用户非常直观地了解手机的造型和接口。

实现重点在于动画帧的跳转控制和接口动画的有效调用:动画帧跳转部分根据对应的帧的位置直接选择使用“转到并播放(gotoAndPlay)”或“转到并停止(gotoAndStop)”或“下一帧(nextFrame)”或“前一帧(preFrame)”命令即可;接口动画的调用主要是通过使用setProperty()函数对制作好的接口动画剪辑设置可视化属性(_visible)，当单击对应的接口按钮时，对应该接口的影片剪辑的可视化属性设置为true，而其他接口所对应的影片剪辑的可视化属性则相应设置为false。在按钮控制方面根据需求分别通过“按钮经过(rollOver)”和“释放按钮(release)”两种不同的形式来分别激活按钮。举例说明如下。

点击按钮后跳转至下一帧:

鼠标经过或点击按钮之后，设置该按钮对应的接口参数的影片剪辑为可见，其他接口为不可见:

2)菜单功能展示动画。菜单功能部分的动画根据功能的重要与否也分为两种类型，常见手机功能会在用户选择菜单后直接播放使用情况，重点需要用户留意的功能则会让用户根据闪烁点的提示实际操作进行逐步深入的了解，而这样的一个流程也是通过在影片剪辑动画中不断设置按钮来实现用户交互的。具体实现情况与上面的帧跳转非常类似，这里就不再赘述。

1.4 系统的整合及使用

在最终的整合部分，主要完成的任务是将以上制作的各种动画经由菜单进行调用，同时还要在一侧的面板中显示对应动画的操作过程的文字描述，以满足不同用户需求。

1)使用菜单实现各功能对应的影片剪辑动画的调用。使用菜单来调用各个动画的效果与上面按钮调用接口参数非常类似，也是通过设置影片剪辑动画的可视化属性来完成的，同时在这里还要考虑二级菜单的展开和对应面板的可视化属性设置。

通过菜单按钮控制菜单展开和动画显示:

2)在面板中提供各个动画演示所对应的操作过程的文字描述。为了让用户在观看动画的同时还有其他了解菜单功能的途径，要求系统中提供各个动画演示所对应的操作过程的文字描述的功能，为此需要根据菜单的选择将对应的加载文字生成的字符串显示在说明面板中。

加载文字并生成字符串:

//LoadVars类可用于Flash和服务器间传输变量

//在#参数出现的所有位置断开src1，将其拆分为子字符串，存储至num数组};

对应的操作过程的文字描述部分存储在文本文件中，如以上代码中的a.txt。文本文件内的各段文字之间用#号隔开，以便字符串的切割和存储［3］。

整个系统开发的最终应用成果示意如图1。

图1 应用成果示意

2 结束语

由于篇幅限制，本文并没有详细叙述系统开发的每一个具体环节，仅将主要的技术问题进行了分析，有兴趣实践的读者需要具备一定的图像处理基础和Flash动画制作及Action Script脚本语言的基础。除了完成系统功能本身，还值得注意的是，大量的素材图片会加大Flash的发布文件的体积，在系统的制作过程中，必须充分考虑图片的存储格式，以加强Flash的库管理，尽可能缩小最终发布文件的体积，以更好地体现Flash文件在网络传播中的优势，减少文件下载时间，增强用户舒适度。

［1］张志会.基于Flash的车站作业可视化仿真［J］.铁路信息化，2009(10):21-22.

［2］张东林，付洪波.Flash动画技术在电子地图中的实际应用［J］.测绘与空间地理信息，2007(5):56-58.

［3］王瑾.基于Flash的智能题库测试系统的设计与实现［J］.苏州工业职业技术学院学报，2009(6):19-20.

Implementation of Mobile Interactive Simulation Based on Flash Technology

WANG Jin
(Suzhou Institute of Industrial Technology，Suzhou 215104，China)

This paper describes the process of building a mobile alternate platform system which helps people know new features of fresh published mobile style，and it can be deployed on the enterprise website or touch screens with applying flash technology.The paper also shows the steps of implementation and integration of the system with using the digital camera，Photoshop，Flash Action Script language.

Flash technology;mobile;interactive simulation

TP 391.9

B

1672-2434(2010)02-0023-03

2010-03-18

王 瑾(1981-)，女，讲师，硕士，从事研究方向:计算机技术和动画制作