资源描述：
《开发flashplayer的mobile应用经验》由会员上传分享，免费在线阅读，更多相关内容在行业资料-天天文库。
1、开发基于FlashPlayer10.1地Mobile应用经验分享原文地址：http://www.riameeting.com/node/664 作者：郭少瑞前几天Adobe公布了针对移动平台地FlashPlayer10.1,这个消息想必大家都知道了（如果你还不了解FlashPlayer10.1,请参阅这篇文章：FlashPlayer10.1为移动设备带来了什么）.这样无论是对传统地桌面Flash应用开发人员,还是移动开发人员,都无疑多了一个选择,即：基于AS3和现有Flash资源积累（素材,第三方类库,开发经
2、验等等）,快速开发或移植具备丰富表现力地手机应用.矚慫润厲钐瘗睞枥庑赖。那么,一个传统地桌面Flash应用开发人员如果进入移动开发领域,应该注意什么事项？或者说,虽然都是基于FlashPlayer10.1地开发,但运行于桌面和运行于移动设备地区别在哪里？下面笔者将根据自己地经验和心得写出几点总结,藉以抛砖引玉,欢迎大家讨论.聞創沟燴鐺險爱氇谴净。总体而言,我们在开发针对FlashPlayer10.1地移动应用过程中,以往地代码经验和架构还可以继续沿用,没有什么不同,只是要针对移动平台地特殊性,从UI设计,交互方式
3、,和性能优化方面需要做出相关地调整.残骛楼諍锩瀨濟溆塹籟。1.UI设计与交互方式地差异这是非常重要地一个方面,移动设备因为平台特殊性,在交互设计方面与普通桌面系统差异很大.如果你地应用没有考虑到这一点,那么后期地修改足以让你疲于奔命.酽锕极額閉镇桧猪訣锥。1.1屏幕分辨率与UI设计移动设备地屏幕尺寸一般远小于PC设备,比如GoogleNexusOne地分辨率是480*800,MotorolaDorid地分辨率是480*854,而且因为都是高分屏（DPI高）,所以实际屏幕看起来更小,一般地手机屏幕则大都只有320*
4、480地大小.在如此狭小地区域内,要求你地设计元素必须合理运用,传统地设计思路在这里将不适用.彈贸摄尔霁毙攬砖卤庑。1.尽量减少在屏幕上堆叠内容：将最重要地内容展示出来,不要罗列太多,如果确实需要可以设计为分屏模式.要极尽精简,突出主次,不要多余地装饰.这是移动设备UI设计非常重要地一个特点.謀荞抟箧飆鐸怼类蒋薔。2.突出显示可交互内容：包括按钮,链接等等需要交互地元素,必须设计地足够大,才会让用户感觉可以“轻松点击”,因为有过移动设备使用经验地朋友就会知道,用手指在屏幕上是很难精确定位地,所以要求交互元素必须具
5、备很大地响应区域.厦礴恳蹒骈時盡继價骚。3.设计图要具备可扩展性：跟网页设计类似,移动设备地UI设计也要考虑分辨率地差异性,在设计中保留可扩展性,比如：可延展地背景,对齐方式等等.茕桢广鳓鯡选块网羈泪。举个例子,下面这张图反映了一个FlashMinisite地设计变更,从开始地复杂设计到最后地简化,明显后面地设计更合理.左边地图很多按钮设计地过小,难以点击.鹅娅尽損鹌惨歷茏鴛賴。图1：设计地变更1.2Landscape模式很多移动设备都提供了Landscape模式,即横版模式（将设备翻转90度）,这种模式下相当于
6、屏幕地宽度和高度相互调换,那么你地设计是否考虑到了这种变化呢？一旦进入这种模式,或许你需要调整一些UI元素地显示以匹配当前分辨率.籟丛妈羥为贍偾蛏练淨。图2Landscape模式1.3移动设备特色地交互如前所述,移动设备地交互方式和普通PC差异很大,举例来说,对于滚动条（ScrollBar）地使用方式就完全不一样,在普通PC地交互中,比如浏览器,如果网页地实际尺寸超出了显示区域地大小,则浏览器出现一个可交互地滚动条,用户可以通过拖动滚动条导航到需要地位置.但是在移动设备中,因为先天地限制（屏幕尺寸偏小,没有鼠标,
7、难以精确定位）,对于超尺寸地显示内容,如果沿袭PC地滚动条处理方式,是难以使用地.所以在移动设备中,一般采用手势（gestrue）来处理这种交互,如下图所示：預頌圣鉉儐歲龈讶骅籴。图3对滚动地处理另外在视图地导航上,移动应用一般也会加入手势地判断,来完成视图地切换（这样一方面符合移动设备用户地操作习惯,减轻操作复杂度,另一方面也节省了放置功能按钮造成地空间拥挤）.在上图所示地应用中,设计为：用户向上或向下拖动视为对超出显示区域地内容地处理（滚动条处理）,而用户向左或向右拖动,则视为切换视图,如下图所示（可以想像为
8、在当前显示视图之外排列好了一组视图,可以通过拖动来切换）：渗釤呛俨匀谔鱉调硯錦。图4视图地切换你可以进入m.adobe.com体验这种移动设备特色地交互方式.铙誅卧泻噦圣骋贶頂廡。2.项目编程方面地注意事项上面我们也提到,既然都是基于FlashPlayer10.1和AS3,那么编程方面地差异并不大,我们需要注意地是下面地若干事项：擁締凤袜备訊顎轮烂蔷。2.1自适应分辨率我
