Intro to Flex 4.5 Android Programming

Author: w2davids
Published? false
FormatLanguage: WikiFormat

Problem:

Creating an Android-application using Flex 4.5. The application uses a company stock symbol as query, and an HTTP service to Google's Finance API, retrieving stock data.

Solution:

Flex Builder Burrito and Flex 4.5 - Detailed Screenshots

Discussion:

File: GoogleStockApp.mxml

<s:TabbedViewNavigatorApplication xmlns:fx="http://ns.adobe.com/mxml/2009"
								  xmlns:s="library://ns.adobe.com/flex/spark">
	<s:ViewNavigator label="Search" width="100%" height="100%" firstView="views.SearchView"/>
	<fx:Declarations>
		<!-- Place non-visual elements (e.g., services, value objects) here -->
	</fx:Declarations>
</s:TabbedViewNavigatorApplication>

File: File: views.SearchView.mxml

<s:View xmlns:fx="http://ns.adobe.com/mxml/2009"
		xmlns:s="library://ns.adobe.com/flex/spark"
		xmlns:googlestockservicelookup="services.googlestockservicelookup.*"
		xmlns:googlestockservice="services.googlestockservice.*"
		title="Search">

	<fx:Script>
		XXXCDATA[
			import valueObjects.StockResult;
			protected function getStockQuote(stock:String):void
			{
				getStockQuoteResult.token = googleStockService.getStockQuote(stock);
			}

		XXX>
	</fx:Script>

	<fx:Declarations>
		<s:CallResponder id="getStockQuoteResult"/>
		<googlestockservice:GoogleStockService id="googleStockService"/>
	</fx:Declarations>

	<s:HGroup x="10" y="32" width="460" height="71">
		<s:TextInput id="input" width="362" height="68" prompt="Stock Symbol"/>
		<s:Button height="69" label="Enter" click="getStockQuote(input.text);"/>
	</s:HGroup>
	<s:Scroller x="10" y="121" width="460" height="488">
		<s:VGroup width="100%" height="100%">
			<s:VGroup width="458" height="487">
				<s:HGroup width="456" height="49">
					<s:Label text="Time: "/>
					<s:Label  text="{getStockQuoteResult.lastResult.finance.trade_timestamp.data.toString()} "/>
					<s:Label  text="{getStockQuoteResult.lastResult.finance.trade_time_utc.data.toString()}"/>
				</s:HGroup>
				<s:HGroup width="456" height="49">
					<s:Label text="Company: "/>
					<s:Label  text="{getStockQuoteResult.lastResult.finance.company.data.toString()}"/>
				</s:HGroup>
				<s:HGroup width="456" height="49">
					<s:Label text="Exchange"/>
					<s:Label text="{getStockQuoteResult.lastResult.finance.exchange.data.toString()}"/>
				</s:HGroup>
				<s:HGroup width="456" height="49">
					<s:Label text="Currency: "/>
					<s:Label text="{getStockQuoteResult.lastResult.finance.currency.data.toString()}"/>
				</s:HGroup>
				<s:HGroup width="456" height="49">
					<s:Label text="Open: "/>
					<s:Label text="{getStockQuoteResult.lastResult.finance.open.data.toString()}"/>
				</s:HGroup>
				<s:HGroup width="456" height="49">
					<s:Label text="Close: "/>
					<s:Label text="{getStockQuoteResult.lastResult.finance.y_close.data.toString()}"/>
				</s:HGroup>
				<s:HGroup width="456" height="49">
					<s:Label text="Change: "/>
					<s:Label text="{getStockQuoteResult.lastResult.finance.change.data.toString()} "/>
					<s:Label text=" ({getStockQuoteResult.lastResult.finance.perc_change.data.toString()} %)"/>
				</s:HGroup>
				<s:HGroup width="456" height="49">
					<s:Label text="Last: "/>
					<s:Label text="{getStockQuoteResult.lastResult.finance.last.data.toString()} "/>
					<s:Label text="High: "/>
					<s:Label text=" {getStockQuoteResult.lastResult.finance.high.data.toString()}"/>
					<s:Label text="Low: "/>
					<s:Label text=" {getStockQuoteResult.lastResult.finance.low.data.toString()}"/>
				</s:HGroup>
				<s:HGroup width="456" height="49">
					<s:Label text="Volume: "/>
					<s:Label text="{getStockQuoteResult.lastResult.finance.volume.data.toString()} "/>
					<s:Label text="Ave. Volume: "/>
					<s:Label text=" {getStockQuoteResult.lastResult.finance.avg_volume.data.toString()}"/>
				</s:HGroup>
			</s:VGroup>
		</s:VGroup>
	</s:Scroller>

</s:View>

Note that the parts marked XXXCDATA and XXX in the above must be changed to be valid XML CDATA wrapper; we can't show that here as the Android Cookbook production software uses CDATA around source attachments, and XML doesn't let you nest CDATA elements...