图片交换

最新推荐文章于 2021-10-29 15:52:10 发布

shuishui666

最新推荐文章于 2021-10-29 15:52:10 发布

阅读量134

点赞数

分类专栏： Flex 文章标签： Flex prototype XML

本文链接：https://blog.youkuaiyun.com/shuishui666/article/details/83675104

版权

Flex 专栏收录该内容

2 篇文章

订阅专栏

前段时间flex项目用到了图片交互的，整理一下，以备忘记把！
ＦＬＥＸ３


　　<?xml version="1.0" encoding="utf-8"?>
<mx:Application xmlns:mx="http://www.adobe.com/2006/mxml" layout="absolute" creationComplete="created();">
		<mx:Script>
		<![CDATA[
			import mx.collections.ArrayCollection;
			[Bindable]
			var images : ArrayCollection = new ArrayCollection();

			var tickInterval : int;

			private function created() : void
			{
				images.addItem("http://www.blogcdn.com/green.autoblog.com/media/2010/06/tesla-future-products.jpg"); 
				images.addItem("http://www.blogcdn.com/www.autoblog.com/media/2010/06/lotuselisescrgbspecialedition-630.jpg"); 
				images.addItem("http://www.blogcdn.com/www.autoblog.com/media/2010/06/mercedes-benz-sls-amg-e-cell-prototype-doors-open-2.jpg"); 
				images.addItem("http://www.blogcdn.com/cn.autoblog.com/media/2010/06/coolshow.jpg"); 
				images.addItem("http://www.blogcdn.com/www.autoblog.com/media/2010/06/dbs16-copy.jpg");

				tickInterval = setInterval(changeImage, 5000);
				viewstack1.selectedIndex = 0;
			}

			private function changeImage() : void
			{
				if (viewstack1.selectedIndex < viewstack1.getChildren().length - 1)
				{
					viewstack1.selectedIndex ++;
				}
				else
				{
					viewstack1.selectedIndex = 0;
				}
			}
		]]>
	</mx:Script>
	<mx:Canvas>

	<mx:ViewStack x="0" y="0" id="viewstack1" width="439" height="259">
	<mx:Repeater id="stackRepeater" dataProvider="{images}">
		<mx:Canvas label="{stackRepeater.currentIndex + 1}" width="100%" height="100%" showEffect="Fade" hideEffect="Fade">
			<mx:Image source="{stackRepeater.currentItem}" width="439" height="259" horizontalAlign="center" verticalAlign="middle" />
		</mx:Canvas>
	</mx:Repeater>
	</mx:ViewStack>
	<mx:ToggleButtonBar bottom="0" dataProvider="viewstack1" right="0" styleName="rotator">
	</mx:ToggleButtonBar>

	</mx:Canvas>
</mx:Application>