关于HTML组件
HTML组件用于显示HTML网页内容,被用于在AIR程序中渲染外部的指定HTML内容。它提供了轻量级的浏览器的功能,包括载入HTML页面,历史记录导航,以及访问HTML内容的能力。HTML组件并不是用来代替Text 和 TextArea组件来显示格式化文本数据。
使用<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 >
< 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页面的内容显示在组件中。用户通过表单域,按钮和超链接操作内容,任何动作都会使浏览器载入新页面(比如点击一个连接或提交一个表单),改变组件的location属性可载入新的页面。