加入收藏 | 设为首页 | 会员中心 | 我要投稿 李大同 (https://www.lidatong.com.cn/)- 科技、建站、经验、云计算、5G、大数据,站长网!
当前位置: 首页 > 百科 > 正文

flex3D图片展示

发布时间:2020-12-15 01:03:19 所属栏目:百科 来源:网络整理
导读:使用DisplayShelf和TiltingPane来实现,具体类可以去TourDeFlex中下载。 components:DisplayShelf id="shelf" horizontalCenter="0" verticalCenter="0"borderThickness="10" borderColor="#FFFFFF" enableHistory="false" height="100%" width="100%"/ 在mx

使用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,是翻折的书效果。只是项目中不需要,就没使用了,这种我个人认为更帅

(编辑:李大同)

【声明】本站内容均来自网络,其相关言论仅代表作者个人观点,不代表本站立场。若无意侵犯到您的权利,请及时与联系站长删除相关内容!

    推荐文章
      热点阅读