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,是翻折的书效果。只是项目中不需要,就没使用了,这种我个人认为更帅 (编辑:李大同) 【声明】本站内容均来自网络,其相关言论仅代表作者个人观点,不代表本站立场。若无意侵犯到您的权利,请及时与联系站长删除相关内容! |