Playing with Adobe Flex

February 27, 2008

Posted in: Flex, Programming

Tags: Adobe, Feed, Flex, Flexbuilder, Programming, Reader, RSS

I was going through all my feeds and checking out all the nerdy stuff going on, when I came across something that rang vaguely familiar with me. Adobe Flex was releasing a version 3. Why did that ring a bell with me? It finally came to me, while I was out at the Zend conference, there was a booth for Adobe Flex and giving out cds with it. I had really been intrigued with it and wanted to try it.

So I downloaded a copy - it’s even better now, it’s a 61 day trial on the Flexbuilder (eclipse based) program. So after scouring around the livedocs and other sites around the net I came up with a hacked little program that allows you to enter a rss feed and it’ll go get it and show you a teaser for the entry you select. It seems to me, rss readers are becoming the replacement for the standard ‘Hello World’ creation.

You can see a full version of it here.

The code is below.
<?xml version="1.0" encoding="utf-8"?><br /> <mx:Application xmlns:mx="http://www.adobe.com/2006/mxml"<br /> layout="absolute"<br /> width="100%"<br /> height="100%"<br /> verticalGap="15"<br /> horizontalGap="15"<br /> horizontalAlign="center"<br /> verticalAlign="middle" viewSourceURL="srcview/index.html"> </p> <p> <mx:Script><br /> <![CDATA[</p> <p> [Bindable]<br /> public var inString:String;<br /> public var newDate:String;</p> <p> public function getNewText(sourceString:String):String {<br /> return sourceString.toString();<br /> }</p> <p> ]]><br /> </mx:Script></p> <p><mx:HTTPService showBusyCursor="true" id="RSSfeed" url="{getNewText(inString)}" resultFormat="object" /></p> <p><mx:Panel width="600" height="600" layout="absolute" horizontalCenter="0" verticalCenter="0" resizeEffect="Resize" title="Flex 2.0 RSS Reader" fontFamily="Arial"><br /> <mx:DataGrid width="565" id="entries" dataProvider="{RSSfeed.lastResult.rss.channel.item}" click="{body.htmlText=RSSfeed.lastResult.rss.channel.item[entries.selectedIndex].description}" fontFamily="Arial" height="319" x="7.5" y="37" editable="false" themeColor="#7F2E03"><br /> <mx:columns><br /> <mx:DataGridColumn dataField="pubDate" headerText="Date" width="200"/><br /> <mx:DataGridColumn dataField="title" headerText="Title"/><br /> </mx:columns><br /> </mx:DataGrid> </p> <p> <mx:TextArea width="565" height="126" id="body" y="424" x="7.5"><br /> <mx:filters><br /> <flash.filters:DropShadowFilter xmlns:flash.filters="flash.filters.*"<br /> blurX="5" blurY="5"<br /> distance="3" angle="45" color="0x000000" alpha="0.4" /><br /> </mx:filters><br /> </mx:TextArea></p> <p> <mx:Button toolTip="Click to load recent posts" label="Check" click="inString=myTI.text;RSSfeed.send();" verticalCenter="-261" horizontalCenter="-15"><br /> <mx:filters><br /> <flash.filters:DropShadowFilter xmlns:flash.filters="flash.filters.*"<br /> distance="3" angle="90" color="0x000000" alpha="0.4" /><br /> </mx:filters><br /> </mx:Button><br /> <mx:Label x="276.5" y="398" text="Teaser" fontWeight="bold" fontFamily="Arial"/><br /> <mx:Text x="10" y="10" text="RSS Feed: "/><br /> <mx:TextInput id="myTI" text="http://" x="67" y="8"/></p> <p></mx:Panel><br /> </mx:Application>

Posted in Flex, Programming