I had a couple minutes on Sunday to play around with Flex/Apollo. In less than an hour, I had this mini-browser working nicely. Check out the source code below for an example of databinding and the Apollo mx:HTML tag.
My blogger application is shaping up nicely. Expect to see the source code for that within a week or so. Yay, yay, I keep pushing it back but it'll be really sweet once its finished.
<?xml version="1.0" encoding="utf-8"?>
<mx:ApolloApplication xmlns:mx="http://www.adobe.com/2006/mxml" layout="absolute">
<mx:Style>
.main{
top:0;
left:0;
bottom:0;
right:0;
}
.address{
top:0;
left:0;
}
.content{
top:50;
left: 30;
right: 30;
bottom: 10;
}
</mx:Style>
<mx:Model id="browserObj">
<root>
<location></location>
</root>
</mx:Model>
<mx:Script>
<![CDATA[
private function updateLocation(_loc:String):void{
trace('Address: ' + _loc);
browserObj.location = _loc;
trace('HTML Page Location: ' + htmlPage.location);
}
]]>
</mx:Script>
<mx:Panel styleName="main" label="Apollo Browser">
<mx:HBox>
<mx:ComboBox id="protocol">
<mx:dataProvider>
<mx:Array>
<mx:String>http:// </mx:String>
<mx:String>https:// </mx:String>
<mx:String>ftp:// </mx:String>
</mx:Array>
</mx:dataProvider>
</mx:ComboBox>
<mx:TextInput id="address" styleName="address" text="http://www.google.com/" />
<mx:Button label="Go!" click="updateLocation(protocol.selectedItem + address.text)" />
</mx:HBox>
<mx:HTML height="{this.height - 100}" id="htmlPage" styleName="content" location="{browserObj.location}" />
</mx:Panel>
</mx:ApolloApplication>
**disclaimer
This is not my concept of a well-coded/designed application, it is simply a test app. Take it for what it is.
Cheers.
Programming
