0

我正在尝试创建一个在屏幕上有一组图像的应用程序。当用户单击图像然后摇动手机时,视图中的所有图像都会从屏幕上消失,除了他单击的图像。这是我到目前为止写的:

// List of the Images for the app
private ImageView image1, image2;
private ImageView image3, image4;
private ImageView image5, image6;
private ImageView image7, image8;
private ImageView image9, image10;
private ImageView image11, image12;

private ImageView selectedImage;
private boolean flag = true;

// an array that will hold all the images.
private ImageView cards[] = new ImageView[12];

//SET THE IMAGES...


// onShake
mSensorListener
        .setOnShakeListener(new ShakeEventListener.OnShakeListener() {
                public void onShake() {
                if (selectedImage != null) {
                    showSelectedImageOnly();
                }
            }
        });

private void showSelectedImageOnly() {
    if(!flag)
        return;

    for (ImageView image : cards){
        if(image.getId() != selectedImage.getId()){
            image.setVisibility(View.INVISIBLE);
            Log.d("--MY-APP", "image number "+image.getId()+" was deleted");
        }
    }
    flag = false;
}

@Override
public void onClick(View v) {
    switch (v.getId()) {
    case R.id.ImageView01:
        selectedImage = null;
        selectedImage = image1;
        rotateImage(0, image1, image2);
        defineTrickCard(0);
        break;
    case R.id.ImageView02:
        selectedImage = image1;
        rotateImage(0, image1, image2);
        defineTrickCard(0);
        break;
    case R.id.ImageView03:
    // .... THIS GOES ON...
    case R.id.ImageView12:
        selectedImage = image11;
        rotateImage(5, image11, image12);
        defineTrickCard(5);
        break;
    }
}

private void rotateImage(int index, ImageView firstImage,
        ImageView secondImage) {
    if (isImages[index]) {
        applyRotation(0, 90, firstImage, secondImage, isImages[index]);
        isImages[index] = !isImages[index];

    } else {
        applyRotation(0, -90, firstImage, secondImage, isImages[index]);
        isImages[index] = !isImages[index];
    }
}

private void applyRotation(float start, float end, ImageView firstImage,
        ImageView secondImage, boolean isFirst) {
    // Find the center of image
    final float centerX = firstImage.getWidth() / 2.0f;
    final float centerY = firstImage.getHeight() / 2.0f;

    // Create a new 3D rotation with the supplied parameter
    // The animation listener is used to trigger the next animation
    final Flip3dAnimation rotation = new Flip3dAnimation(start, end,
            centerX, centerY);
    rotation.setDuration(500);
    rotation.setFillAfter(true);
    rotation.setInterpolator(new AccelerateInterpolator());
    rotation.setAnimationListener(new DisplayNextView(isFirst, firstImage,
            secondImage));

    if (isFirst) {
        firstImage.startAnimation(rotation);
    } else {
        secondImage.startAnimation(rotation);
    }

}

问题是,当用户点击多张图片时,手机会摇晃,所有点击过的图片都会保留在视图中,其余的会根据需要消失。

关于如何解决这个问题的任何想法?我必须使所有未选择的(包括以前的选择)从屏幕上消失。

更新:

更新了代码以显示rotateImage功能,3D 动画的其余代码取自这个非常好的教程

4

1 回答 1

0

我猜您正在使用Animation该方法中旋转图像rotateImage。在动画的情况下要注意的一点是View对象在动画期间是不变的。因此,如果您必须将视图设置为隐藏,则需要注册onAnimationEnd事件并调用view.setVisibility(View.INVISIBLE)

于 2012-05-31T06:40:16.387 回答