Flex Mobile StageWebView not displaying

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>

Answer 1

webView.stage = this.stage;

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

应将init()放在事件处理程序addedToStage内。

Answer 2

你可以改用 FlexGlobals.topLevelApplication.stage，这样：

webView.stage = FlexGlobals.topLevelApplication.stage;

Answer 3

我认为添加StageWebView

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

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

希望这有帮助

Answer 4

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

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

Answer 5

您可以使用 StageWebViewBridge 来显示 HTML 和 Javascript 通信。我希望这能帮助你在flex Web和AIR应用程序中显示HTML。在您的代码中，没有为 StageWebView 设置阶段，您只需在 addToStage 处理程序中分配 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");
        }