文档介绍:跨平台企业移动应用开发
董龙飞 dong@ /donglongfei
©2010 Adobe Systems Incorporated. All Rights Reserved.
©2010 Adobe Systems Incorporated. All Rights Reserved.
设备和移动操作系统的爆炸性增长
为移动应用开发
带来了新的挑战
3
©2010 Adobe Systems Incorporated. All Rights Reserved.
硬件和本地
尺寸 DPI 应用UI模式
240 160/320
dpi dpi
4
©2010 Adobe Systems Incorporated. All Rights Reserved.
创新体验的源动力:Flash平台
浏览器内独立应用
©2010 Adobe Systems Incorporated. All Rights Reserved.
一种工具,一种语言,一次编码
Flex mon codebase
AIR
其他操作系统
所有平台
© 2011 Adobe Systems Incorporated. All Rights Reserved. Adobe Confidential.
©2010 Adobe Systems Incorporated. All Rights Reserved.
什么是Flex
MXML标记语言构建应用的开源框架生态系统
<Canvas>
<Label text=“name:”/>
<Button />
<DataGrid />
</Canvas>
Cairngorm, Parsley, PureMVC, Swiz
©2010 Adobe Systems Incorporated. All Rights Reserved.
Flex应用创建模块
§ 控件
§ 图表
§ 布局
§ 皮肤和样式
§ 特效
§ 数据绑定
§ 与服务器集成
§ 格式化和校验
©2010 Adobe Systems Incorporated. All Rights Reserved.
DPI带来的问题
150 x 40 pixel button
Galaxy Tab iPhone 4
***@160 dpi ***@320 dpi
= ” x ”= ” x ”
Desktop monitor Droid 2
***@100 dpi ***@240 dpi
= ” x ”= ” x ”
9
©2010 Adobe Systems Incorporated. All Rights Reserved.
不同设备的UI模式
Android phone iPhone
No back button Multiple actions On-screen back button Single action
Title left-aligned Flat-look buttons Title centered Beveled buttons
10
©2010 Adobe Systems Incorporated. All Rights Reserved.