23.12.添加HTML內容

2024-04-27 13:52:34

字體：大中小

來源：轉載

供稿：網友

23.12.1.問題
我想在應用程序中顯示HTML內容。
23.12.2.解決辦法
使用<mx:HTML>控件載入并顯示HTML內容。
23.12.3.討論
Adobe AIR 運行時支持在基于SWF的應用程序中渲染HTML。渲染引擎是基于WebKit技術構建，功能和基于WebKit引擎的瀏覽器一樣。比如Safari。這個引擎的核心就是AIR HTML API中的flash.html.HTMLLoader類，它繼承自flash.display.Sprite類，HTMLLoader對象可被添加到基于ActionScript和基于Flex的程序中。

該API中還包括<mx:HTML>控件，它可以輕松的將HTML內容顯示到Flex框架的容器中。

mx.controls.HTML類內部的接口是HTMLLoader類實例并提供對HTML Document Object Model (DOM)的訪問。這一能力類似于HTML頁面中操作DOM和CSS的JavaScript。你可以無限制的載入遠程服務器上HTML頁面，也可以載入本地沙箱中的HTML頁面甚至是HTML格式的字符串。

通過location屬性值將HTML頁面載入到<mx:HTML>控件，location字符串被傳給內部的HTMLLoader實例，它才載入和渲染所需的頁面。下面的例子載入web網頁到<mx:HTML> 控件，還有些控件用于導航到其他頁面：

-XML

<?xml version="1.0" encoding="utf-8"?>
<mx:WindowedApplication xmlns:mx="http://www.adobe.com/2006/mxml" layout="vertical">
<mx:Script>
<![CDATA[
[Bindable]
public var urlLocation:String = "http://www.adobe.com";

]]>
</mx:Script>
<mx:Form width="100%">
<mx:FormItem width="100%">
<mx:HBox width="100%">
<mx:TextInput id="urlField" width="100%" text="{html.location}"/>
<mx:Button label="go" click="{urlLocation = urlField.text}" />
</mx:HBox>
</mx:FormItem>
</mx:Form>
<mx:HTML id="html" width="100%" height="100%" location="{urlLocation}" />
</mx:WindowedApplication>