flex3D图片展示

使用DisplayShelf和TiltingPane来实现，具体类可以去TourDeFlex中下载。

<components:DisplayShelf id="shelf"  horizontalCenter="0" verticalCenter="0"
						borderThickness="10" borderColor="#FFFFFF" enableHistory="false" height="100%" width="100%"/>

在mxml中加入上面的代码，然后再使用下面的代码设置dataProvider即可，具体大小会根据图片的大小改变

private var dataSet:ArrayCollection = new ArrayCollection();
			
			[Embed(source='images/cloudagent.gif')]
			private var c:Class;
			
			private function init():void
			{
				var image1:Image = new Image();
				image1.source = c;
				image1.width = 200;
				image1.height = 300;
				image1.maintainAspectRatio = false;
				dataSet.addItem(image1);

				var image2:Image = new Image();
				image2.source = c;
				image2.width = 200;
				image2.height = 300;
				image2.maintainAspectRatio = false;
				dataSet.addItem(image2);

				var image3:Image = new Image();
				image3.source = c;
				image3.width = 200;
				image3.height = 300;
				image3.maintainAspectRatio = false;
				dataSet.addItem(image3);
				
				var image4:Image = new Image();
				image4.source = c;
				image4.width = 200;
				image4.height = 300;
				image4.maintainAspectRatio = false;
				dataSet.addItem(image4);
				
				var image5:Image = new Image();
				image5.source = c;
				image5.width = 200;
				image5.height = 300;
				image5.maintainAspectRatio = false;
				dataSet.addItem(image5);
				
				var image6:Image = new Image();
				image6.source = c;
				image6.width = 200;
				image6.height = 300;
				image6.maintainAspectRatio = false;
				dataSet.addItem(image6);
				
				shelf.dataProvider = dataSet;
			}

效果如下：

还有另外一种3D图片展示的例子Accordion3D，是翻折的书效果。只是项目中不需要，就没使用了，这种我个人认为更帅