AIRで簡単なHTMLブラウザを作ってみた。
最近ちょっと小難しい話題ばっかりだったので、誰でも簡単に作れるAIRで簡単なHTMLブラウザを作ってみました。
お試しインストールはこちら
簡単なヒストリー機能が付いてます。
AIRのHTMLコンポーネントの扱いは簡単で、
location=myurlでページへ飛んで、
historyBack()で戻って、
historyForward()で進みます。
AIR勉強用にどうぞ。
ソースはこちら
<?xml version="1.0" encoding="utf-8"?> <mx:WindowedApplication xmlns:mx="http://www.adobe.com/2006/mxml" layout="vertical" width="600" height="500" showStatusBar="false" backgroundColor="0x000000" backgroundAlpha="0.5" > <mx:Script> <![CDATA[ //htmlヒストリー [Bindable]private var hisArr:Array = new Array(); private function setHistory():void{ hisArr = new Array(); var len:int = myHTML.historyLength; while( len -- ){ hisArr[len] = myHTML.getHistoryAt(len); } } ]]> </mx:Script> <!--URL入力用--> <mx:HBox width="100%"> <mx:TextInput id="myURL" text="http://google.co.jp/" width="100%" enter="{myHTML.location = myURL.text;}"/> <mx:Button label="GO!" click="{ myHTML.location = myURL.text; }"/> <mx:Button label="戻る" click="{ myHTML.historyBack() }"/> <mx:Button label="進む" click="{ myHTML.historyForward() }"/> </mx:HBox> <!--HTML表示用--> <mx:HBox width="100%" height="100%"> <mx:DataGrid id="dg" dataProvider="{hisArr}" width="100" height="100%" itemClick="{myHTML.historyPosition = dg.selectedIndex}"> <mx:columns> <mx:DataGridColumn headerText="タイトル" dataField="title"/> <mx:DataGridColumn headerText="URL" dataField="url" visible="false"/> </mx:columns> </mx:DataGrid> <mx:HTML id="myHTML" width="100%" height="100%" complete="setHistory()"/> </mx:HBox> </mx:WindowedApplication>