Flex 移动应用中的 StageWebView 无法显示。

Question

我在Flex Mobile 4.6（Flash Builder 4.6）上创建了StageWebView，但遇到了显示问题。当我动态创建它时，事件被正确调用，但什么也没有显示出来。这是我的代码：

<components:View xmlns:fx="http://ns.adobe.com/mxml/2009" 
             xmlns:s="library://ns.adobe.com/flex/spark" 
             xmlns:components="spark.components.*" 
             actionBarVisible="false"
             title="ActivityView"
             creationComplete="init()"
             >
<components:layout>
    <s:BasicLayout/>
</components:layout>
<fx:Declarations>
    <!-- Place non-visual elements (e.g., services, value objects) here -->
</fx:Declarations>
<fx:Script>
    <![CDATA[
        private var webView:StageWebView;

        protected function init():void {
            webView = new StageWebView();
            webView.stage = this.stage;
            webView.viewPort = new Rectangle(5, 20, screen.width-10, screen.height-40);
            webView.addEventListener(Event.COMPLETE, onURLLoadComplete);
            webView.addEventListener(LocationChangeEvent.LOCATION_CHANGE, onLocationChange);
            webView.loadURL("http://google.com");
        }

        protected function onURLLoadComplete(event:Event):void
        {
            trace("Load Complete");
        }

        protected function onLocationChange(event:LocationChangeEvent):void
        {
            trace("Location change: " + event.location);
        }

    ]]>
</fx:Script>
</components:View>

- stereo

---

我最终通过在 addedToStage 被调用后创建 stagewebview 来解决了这个问题。 - stereo

Answer 1

您可以使用StageWebViewBridge来显示HTML，并进行JavaScript通信。我希望这能帮助您在Flex Web以及AIR应用程序中显示HTML。在您的代码中，舞台（stage）未设置为StageWebView，您只需在addedToStage处理程序中分配webView.stage = this.stage，或使用以下方法加载HTML。

        private var webView:StageWebViewBridge;

        protected function addedToStageHandler(event:Event):void
        {
            StageWebViewDisk.addEventListener(StageWebviewDiskEvent.END_DISK_PARSING, onInit );
            StageWebViewDisk.setDebugMode( true );
            StageWebViewDisk.initialize(stage);
        }

        private function onInit(e:StageWebviewDiskEvent):void
        {
            if(!webView)
                webView = new StageWebViewBridge(0, 300, 900, 300);
            webView.addEventListener(StageWebViewBridgeEvent.DEVICE_READY, onDeviceReady );
            webView.addEventListener(Event.COMPLETE, onCompleteHandler);
            webView.addEventListener(ErrorEvent.ERROR, onErrorHandler);
            webView.addEventListener(LocationChangeEvent.LOCATION_CHANGING, onLocationChange);
            var _view:SpriteVisualElement = new SpriteVisualElement();
            _view.addChild(webView);
            addElement(_view);
            webView.loadURL("http://www.google.com");
        }

- Gopinath Ravichandran

Answer 2

您可以像这样添加阶段...

private var _stage : Stage;

private function added_to_stage_handler():void
{
     _stage = this.stage;
     initStage();
}
private function initStage() : void
{
     webView.stage = _stage;
}

- Gopinath Ravichandran

Answer 3

webView.stage = this.stage;

当它在creationComplete事件处理程序中时，this.stage仍然为null。

您应该将init()放在addedToStage事件处理程序中。

- Peter Lee

Answer 4

您可以使用FlexGlobals.topLevelApplication.stage，如下所示：

webView.stage = FlexGlobals.topLevelApplication.stage;

- Prometeus

Answer 5

我认为添加StageWebView的最安全方式是在createdChildren()中添加StageWebView（您必须手动定义Web视图的宽度和高度，因为父视图的宽度和高度将为0），或者在viewActiveEvent状态期间添加。

Judah编写了一个非常好的WebView类，使用起来更容易 http://www.judahfrangipane.com/blog/2011/01/16/stagewebview-uicomponent/

希望这可以帮助到您

- Jack Vo