7.3 关于HTML组件

关于HTML组件

HTML组件用于显示HTML网页内容，被用于在AIR程序中渲染外部的指定HTML内容。它提供了轻量级的浏览器的功能，包括载入HTML页面，历史记录导航，以及访问HTML内容的能力。HTML组件并不是用来代替Text 和 TextArea组件来显示格式化文本数据。

创建一个HTML 组件

使用<mx:HTML> 标签在MXML中定义一个HTML组件，下面的例子中，给其指定一个id以便在其他地方能够引用。

指定HTML页面的location 属性显示指定页面内容。

下面的例子演示如何使用HTML组件。HTML组件的location属性设置为"http://labs.adobe.com/"，这样当载入时URL地址将被打开，另外"back" 和"forward" 按钮调用组件的historyBack() 和historyForward()方法。TextInput 组件让用户输入url 地址，当"go"按钮被点击后，HTML组件的location属性被设置为TextInput 的text 属性值。

<?xml version="1.0" encoding="utf-8"?> 

<mx:WindowedApplication xmlns:mx="http://www.adobe.com/2006/mxml"> 

    <mx:ControlBar width="100%"> 

        <mx:Button label="< Back" click="content.historyBack();"/> 

        <mx:Button label="Forward >" click="content.historyForward();"/> 

        <mx:TextInput id="address" text="{content.location}" width="100%"/> 

        <mx:Button label="Go!" click="content.location = address.text"/> 

    </mx:ControlBar> 

    <mx:Canvas width="100%" height="100%"> 

        <mx:HTML id="content" location="http://labs.adobe.com/"/> 

    </mx:Canvas> 

</mx:WindowedApplication> 

HTML 组件之用户交互能力

对于用户交互性而言，HTML组件就像一个简单的浏览器，没有菜单栏和导航按钮。HTML页面的内容显示在组件中。用户通过表单域，按钮和超链接操作内容，任何动作都会使浏览器载入新页面（比如点击一个连接或提交一个表单），改变组件的location属性可载入新的页面。