我做了一个 Coverflow 课程，一切正常，但我遇到了一个问题。如果我单击一个项目或使用箭头键浏览图像，我想要这样的图像形成：
1）我想要什么
我在右侧一切正常，我的对象没有正确放置，它们相互放置：
2) 怎么了
现在你在右侧看到它有点搞砸了，图像不应该像那样重叠，它们应该像在左侧一样相互放置。
3）我建立图像的代码
package be.devine.cp3.itemGroup
{
import com.greensock.TweenLite;
import flash.display.DisplayObject;
import flash.display.Sprite;
import flash.events.MouseEvent;
public class Coverflow extends Sprite
{
public var images:Array;
private var _currentImageIndex:int;
private var imageSize:uint;
public function Coverflow(images:Array)
{
this.images = [];
for each(var image:DisplayObject in images)
{
if(image.width > imageSize)
{
imageSize = image.width;
}
var imageContainer:Sprite = new Sprite();
image.x = -1 * (image.width >> 1);
image.y = -1 * (image.height >> 1);
imageContainer.addChild(image);
this.images.push(imageContainer);
}
this.currentImageIndex = images.length >> 1;
}
private function imageClickHandler(event:MouseEvent):void
{
var targ:DisplayObject = event.currentTarget as DisplayObject;
currentImageIndex = getChildIndex(targ);
}
public function display():void
{
while(this.numChildren > 0)
{
removeChildAt(0);
}
var depth:Number = 0;
for(var i:int = 0; i < images.length; i++)
{
var image:DisplayObject = images[i];
var xPos:Number = 0;
xPos = (i - _currentImageIndex) * imageSize;
if(i < _currentImageIndex) { //moet er links van komen -> negatieve x
image.rotationY = -90; //-45
depth++;
} else if(i == _currentImageIndex) {//in het midden {
image.rotationY = 0;
depth = 0;
} else {//moet rechts komen -> positieve x
image.rotationY = 90; //45
depth ++;
}
addChild(image);
TweenLite.to(image,.5, {x:xPos});
var zPos:int = (i - _currentImageIndex);
image.addEventListener(MouseEvent.CLICK, imageClickHandler);
}
}
public function get currentImageIndex():int {
return _currentImageIndex;
}
public function set currentImageIndex(value:int):void {
value = Math.min(images.length -1, Math.max(0, value));
if(_currentImageIndex != value)
{
_currentImageIndex = value;
display();
}
}
}
}
我已经在网上搜索过，但我找不到关于封面流的类似内容......我知道它必须通过设置图像的子索引来做一些事情，但我不知道如何计算它:)。我希望有人可以帮助我。