Question

我正在尝试创建一个在屏幕上显示一组图片的应用。当用户点击图像然后摇动手机时，视图中的所有图像都会从屏幕上消失，除了他点击的图像。这就是我现在写的：

// 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);
    }

}

问题是，当用户点击多个图像并且之后手机被抖动时，所有被点击的图像仍保持在视图中，其余图像将随着neede消失。

有关如何解决此问题的任何想法？我必须使所有未选中的（包括之前的选择）从屏幕上消失。

更新

更新了代码以显示rotateImage函数，3D动画的其余代码来自此very good tutorial。

Answer 1

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

使除一个以外的所有图像动态消失

1 个答案: