Flex Mobile：防止后退按钮退出应用程序

Question

我正在为一些 android 平板电脑开发一个 Flex Mobile 应用程序，直到现在我一直无法阻止返回按钮离开应用程序。我仍然希望它是常规功能，只是我不希望它退出应用程序。我希望用户手动执行此操作。

关于如何实现这一目标的任何想法？也许通过捕捉一些事件？任何帮助将不胜感激。

问候，

塞巴斯蒂安

Answer 1

我是这样处理的：

<?xml version="1.0" encoding="utf-8"?>
<s:View xmlns:fx="http://ns.adobe.com/mxml/2009" 
        xmlns:s="library://ns.adobe.com/flex/spark"
        initialize="init()"
        viewActivate="activate(event)"
        viewDeactivate="deactivate(event)">

<fx:Declarations>
    <fx:Component className="ConfirmExit">
        <s:Callout 
            horizontalPosition="middle"
            verticalPosition="middle">
            <s:VGroup width="100%">

                <s:Label text="Really quit?" />

                <s:HGroup width="100%">

                    <s:Button label="Yes"
                              click="close(true)" />
                    <s:Button label="No"
                              click="close(false)" />
                </s:HGroup>
            </s:VGroup>
        </s:Callout>        
    </fx:Component>
</fx:Declarations>

<fx:Script>
    <![CDATA[
        import spark.events.ViewNavigatorEvent;

        private function activate(event:ViewNavigatorEvent):void {
            // add exit confirmation dialog - Samsung Apps requirement
            if (Capabilities.version.indexOf('AND') >= 0 &&
                Capabilities.manufacturer.search(/Samsung/i) >= 0) {
                _confirmExit.addEventListener(PopUpEvent.CLOSE, handleLeaveCallback, false, 0, true);
                stage.addEventListener(KeyboardEvent.KEY_UP, handleKeyUp, false, 1, true);
            } 
        }

        private function deactivate(event:ViewNavigatorEvent):void {
            _confirmExit.removeEventListener(PopUpEvent.CLOSE, handleLeaveCallback);
            stage.removeEventListener(KeyboardEvent.KEY_UP, handleKeyUp);
        }

        private function handleKeyUp(event:KeyboardEvent):void {
            if (event.keyCode == Keyboard.BACK /* && navigator.length == 1 */) {
                _confirmExit.open(this, true);
                // event.preventDefault();
            }
        }

        private function handleLeaveCallback(event:PopUpEvent):void {
            if (!event.commit)
                return;

            try {
                NativeApplication.nativeApplication.exit();
            } catch (e:Error) {
            }
        }

即不要调用任何基类方法，这里使用优先级 1：

stage.addEventListener(KeyboardEvent.KEY_UP, handleKeyUp, false, 1, true);

Answer 2

解决此问题所需的唯一代码如下：

<s:ViewNavigatorApplication xmlns:fx="http://ns.adobe.com/mxml/2009" 
                            xmlns:s="library://ns.adobe.com/flex/spark">

...

      <fx:Script>
        <![CDATA[

                   ...

            /**
             * Overrides the default backKeyUpHandler method so the event 
             * is stopped when there's only one View left on the navigator's stack. 
             */
            override protected function backKeyUpHandler(event:KeyboardEvent):void
            {               
                if (navigator.length == 1){                 
                    event.stopImmediatePropagation();                   
                    event.preventDefault();                 
                }else{
                    super.backKeyUpHandler(event)
                }
            }

        ]]>
    </fx:Script>

</s:ViewNavigatorApplication>

在您应该拥有的视图上：

<s:View xmlns:fx="http://ns.adobe.com/mxml/2009" 
        xmlns:s="library://ns.adobe.com/flex/spark"
        xmlns:componets="componets.*"       
        viewActivate="addKeyListeners(event)"
        viewDeactivate="removeKeyListeners(event)">

...
        <fx:Script>
        <![CDATA[
                          ...
            /**
             * Stops the Back key event.
             */
            private function keyDown(event:KeyboardEvent):void
            {               
                if(event.keyCode == Keyboard.BACK)
                {
                    event.stopImmediatePropagation();                   
                    event.preventDefault();                 
                }
            }
       ]]>
    </fx:Script>

</s:View>

感谢 Alexander 和 Josh 的帮助。

问候，

塞巴斯蒂安

Answer 3

如果没有更多视图可弹出，ViewNavigator 将退出应用程序。您可以使用ViewNavigator.length 查看当前由它管理的视图数量。所以，理论上，这样的事情应该可以工作：

stage.addEventListener( KeyboardEvent.KEY_UP, backButtonHandler );

private function backButtonHandler( e:KeyboardEvent ):void {
    if ( e.charCode == Keyboard.BACK && this.navigator.length == 1 ) {
        e.stopImmediatePropagation();
    }
}

现在，这是未经测试的。但是，我相信它应该可以工作。您可能需要检查长度是否等于 0 而不是 1；我不确定当前视图是否计入我头顶的长度。但是，当没有更多要弹出的视图时，这应该可以防止后退按钮运行任何操作。