Flex轮弹组件

最近使用了一个组件偶那个轮弹组件， 现将使用程序帖出来， 效果源码来自于互联网
应用程序：

<?xml version="1.0" encoding="utf-8"?>
<mx:Application xmlns:mx="http://www.adobe.com/2006/mxml"
				xmlns:effects="com.apusic.asfile.effects.*"
				xmlns:local="*"
				layout="vertical" horizontalAlign="center" verticalAlign="middle"
				width="100%" height="100%"
				paddingTop="10" paddingBottom="10" xmlns:component="com.apusic.component.*"
				>

	<!--backgroundGradientColors="[ 0x000000, 0x323232 ]"
	viewSourceURL="srcview/index.html"-->
	<effects:FadeZoom id="effect"/>

	<mx:ViewStack id="viewStack" width="700" height="350">
		<!--backgroundColor="0xb80000" backgroundColor="0xc07800" backgroundColor="0x85ba00"
		backgroundColor="0x12a400"  backgroundColor="0x00944d" backgroundColor="0x006982" -->

		<component:RollChartDemoView  hideEffect="effect" showEffect="effect" label="内存曲线图" width="700" height="350"/>
		<component:RollChartDemoView  hideEffect="effect" showEffect="effect" label="内存曲线图" width="700" height="350"/>


	</mx:ViewStack>

	<mx:HScrollBar id="hScrollBar" width="700" creationComplete="{hScrollBar.setScrollProperties( 6, 0, 5, 1 );}" scroll="{viewStack.selectedIndex = hScrollBar.scrollPosition}"/>
	<mx:ToggleButtonBar dataProvider="{viewStack}" width="700"/>
</mx:Application>[code]

   需要被轮弹的组件：
   [code="java"]<?xml version="1.0" encoding="utf-8"?>
<mx:VBox xmlns:mx="http://www.adobe.com/2006/mxml"
		 xmlns:s="library://ns.adobe.com/flex/halo" 
		 paddingLeft="20" paddingTop="20" paddingRight="20" paddingBottom="20"
		 xmlns:effects="com.apusic.asfile.effects.*"
		 borderColor="0xFFFFFF"  borderStyle="solid"
		 xmlns:ofc="*"><!--bordersolid="5"-->

	<mx:Script>
		<![CDATA[
			[Bindable]
			public var str:String;
			[Bindable]
			private var chartJson:String='{ "elements": [ { "type": "bar", "values": [ 9, 8, 7, 6, 5, 4, 3, 2, 1 ], "tip": "Title Bar 1val = #val#", "colour": "#47092E" }, { "type": "bar", "tip": "Spoon {#val#}Title Bar 2", "colour": "#CC2A43", "values": [ 1, 2, 3, 4, { "top": 5, "colour": "#000000", "tip": "Spoon {#val#}Title Bar 2Override bar 2 tooltipSpecial data point" }, 6, 7, 8, 9 ] } ], "title": { "text": "Thu May 21 2009" }, "tooltip": { "shadow": false, "stroke": 5, "colour": "#6E604F", "background": "#BDB396", "title": "{font-size: 14px; color: #CC2A43;}", "body": "{font-size: 10px; font-weight: bold; color: #000000;}" } }';
		]]>
	</mx:Script>
	<effects:FadeZoom id="zoom3"/>
	<mx:Zoom id="Zoom1" originX="0" originY="0" zoomHeightFrom=".4" zoomHeightTo="1" zoomWidthFrom=".4" zoomWidthTo="1" duration="1000" /> 
	<mx:Zoom id="Zoom2" originX="0" originY="0" zoomHeightFrom="1" zoomHeightTo=".4" zoomWidthFrom="1" zoomWidthTo=".4" duration="1000" /> 


	<mx:Panel title="轮弹组件测试" width="100" height="50"/>

</mx:VBox>

附效果组件源码包：