使用Flex HTML控件制作简单的网页浏览器

Applo的一在特性就是支持HTML,下面的实例就使用Flex HTML控件制作一个简单的网页浏览器。

我们可以使用location属性指定在控件中显示其内容的HTML 页面的URL,使用historyBack()方法在此控件的历史记录列表中向后导航,historyForward()方法在此控件的历史记录列表中向前导航。看下面的代码:

<?xml version="1.0" encoding="utf-8"?> 
<mx:WindowedApplication xmlns:mx="http://www.adobe.com/2006/mxml"
    creationComplete="this.addEventListener(KeyboardEvent.KEY_DOWN, onKeydown)"> 
    <mx:Script> 
        <![CDATA[ 
            private function onKeydown(event:KeyboardEvent):void { 
                if(event.keyCode == Keyboard.ENTER){ 
                    goURL(); 
                } 
            }        
            private function onGoClick():void { 
                goURL(); 
            } 
            private function goURL():void{ 
                var url:String = urlInput.text; 
                if(url.indexOf("http://") != 0){ 
                    url = "http://" + url; 
                } 
                web.location = url; 
            } 
        ]]>
    </mx:Script> 
    <mx:ApplicationControlBar dock="true"> 
        <mx:Button label="<" width="30" click="web.historyBack()"/> 
        <mx:Button label=">" width="30" click="web.historyForward()"/> 
        <mx:TextInput id="urlInput"
            width="100%" text="riafan.com"/> 
        <mx:Button label="GO" width="50" click="onGoClick()"/> 
    </mx:ApplicationControlBar> 
    <mx:HTML id="web" height="100%" width="100%"/> 
</mx:WindowedApplication>

一个简单的网页浏览器就制作好了,可以在文本框中输入一个URL,如果URL中没有http://会自动加上。点击GO按钮或按ENTER键会显示当前浏览网页的内容,浏览多次后,可以点击<按钮浏览上一个网页,点击>按钮浏览下一个网页。

发表评论