在Flex手机应用中使用PopUpManager创建Alert窗口

Flex手机应用中没有Alert组件。今天在Flex Developer Center看到一篇文章:http://www.adobe.com/devnet/flex/articles/flex-mobile-development-tips-tricks-pt4.html,觉得用SkinnablePopUpContainer来弹出Alert窗口确实简单,但这种做法太过简单了,不能重用代码,旋转手机时Alert窗口不能重新居中,于是我花了点时间自己做了一个Mobile Alert组件。

进入每个视图都会弹出一个Alert窗口,点击Open按钮也会弹出Alert窗口。该组件是用PopUpManager来实现Alert窗口打开和关闭的,因为本人更喜欢Flex Web中的Alert组件的静态方法,比用new关键字来创建简捷一点。

这是在HTC上运行效果图:

横向效果图

可以看到,横向旋转手机时,Alert窗口依然是居中的。

感兴趣的话,点击此处下载源码。

代码不难,有几点要指出一下:

  1. 用resize事件实现了Alert窗口重新居中显示,不知道为何用orientationChange事件来实现不会成功。
  2. show()方法有四个参数,分别表示Alert窗口的标题、消息、容器对象和是否为模态窗口。
  3. 考虑到切换主视图时要清除前一个视图中所有的Alert窗口,因此加了一个removeAll()方法,对每个视图viewDeactivate事件不得不调用该方法,这点比较麻烦。
  4. 该组件由AlertForm.mxml实现界面,很轻量,在窗口关闭时没有回调方法也不能返回函数。需要更高级的功能可以自行扩展。
上一篇上一篇: 在Flex手机应用中使用media规则
下一篇下一篇: 使用HTML5 Canvas绘制简单图表
来自文章来自: 本站原创
引用引用通告: 查看所有引用 | 我要引用此文章
标签Tags: Mobile Control
相关相关日志:
评论: 0 | 引用: 0 | 查看次数: -
发表评论
昵 称:
密 码: 游客发言不需要密码.
邮 箱: 邮件地址支持Gravatar头像,邮箱地址不会公开.
网 址: 输入网址便于回访.
内 容:
验证码:
选 项:
虽然发表评论不用注册,但是为了保护您的发言权,建议您注册帐号.
字数限制 1000 字 | UBB代码 开启 | [img]标签 关闭