[url]http://bbs.9ria.com/viewthread.php?tid=85681&extra=page%3D1%26amp%3Borderby%3Ddateline%26amp%3Bfilter%3D2592000[/url]
我正在我的RunPee移动应用程序开发中使用AIR和Flex4.5. Hero。我非常喜欢Hero。它有它的优缺点,但总体上看,它是值得在上面进行快速开发的。这种观点一致持续到我开始在我的两个视图间添加自定义过渡。
这里有一个应用程序的导航布局- 到目前为止。
Hero默认的视图间的过渡是:通过navigator.pushView( NextView ),当进行视图过渡时,下一个视图从右侧滑入; 然后,当你设置了navigator.popView()或者用户点击了back-key,过渡将是新屏幕从左侧滑入。这样对向前和向后的过渡很有用。如果这是你所需要的全部那么你就可以这样设置。
但是从我的导航布局图中您可以看到,我希望有些屏幕是从上面或者下面滑入。这可以很容易的通过自定义过渡来实现。当用户点击后退键时问题来了,因为默认的过渡是左右滑动。
这似乎没有破坏应用程序和其他什么。但是我不想让一个屏幕从上面滑入,而当返回时屏幕却是从左面滑入。对我来说这是一个很不好的用户体验,我无法忍受它。
如果Hero能过捕捉一个视图的过渡并在返回时采用相反的过渡,那么这是很好的。不过,它不能这样做,所以,我们必须自己来处理它。幸运的是它是很容易做的。
在你的View 标签里对backKeyPressed设置一个监听器,如下:
<s:View xmlns:fx="http://ns.adobe.com/mxml/2009"
xmlns:s="library://ns.adobe.com/flex/spark" title="Timer"
backKeyPressed="onBackKeyPressed( event )">
它的处理将是这样的:
private function onBackKeyPressed( e:FlexEvent ):void {
e.preventDefault();
var transition = new SlideViewTransition();
transition.direction = ViewTransitionDirection.UP;
transition.mode = SlideViewTransitionMode.PUSH;
navigator.popView( transition );
}
我正在我的RunPee移动应用程序开发中使用AIR和Flex4.5. Hero。我非常喜欢Hero。它有它的优缺点,但总体上看,它是值得在上面进行快速开发的。这种观点一致持续到我开始在我的两个视图间添加自定义过渡。
这里有一个应用程序的导航布局- 到目前为止。
Hero默认的视图间的过渡是:通过navigator.pushView( NextView ),当进行视图过渡时,下一个视图从右侧滑入; 然后,当你设置了navigator.popView()或者用户点击了back-key,过渡将是新屏幕从左侧滑入。这样对向前和向后的过渡很有用。如果这是你所需要的全部那么你就可以这样设置。
但是从我的导航布局图中您可以看到,我希望有些屏幕是从上面或者下面滑入。这可以很容易的通过自定义过渡来实现。当用户点击后退键时问题来了,因为默认的过渡是左右滑动。
这似乎没有破坏应用程序和其他什么。但是我不想让一个屏幕从上面滑入,而当返回时屏幕却是从左面滑入。对我来说这是一个很不好的用户体验,我无法忍受它。
如果Hero能过捕捉一个视图的过渡并在返回时采用相反的过渡,那么这是很好的。不过,它不能这样做,所以,我们必须自己来处理它。幸运的是它是很容易做的。
在你的View 标签里对backKeyPressed设置一个监听器,如下:
<s:View xmlns:fx="http://ns.adobe.com/mxml/2009"
xmlns:s="library://ns.adobe.com/flex/spark" title="Timer"
backKeyPressed="onBackKeyPressed( event )">
它的处理将是这样的:
private function onBackKeyPressed( e:FlexEvent ):void {
e.preventDefault();
var transition = new SlideViewTransition();
transition.direction = ViewTransitionDirection.UP;
transition.mode = SlideViewTransitionMode.PUSH;
navigator.popView( transition );
}