android 控件翻转切换布局(转)

 


过程是： 
1：准备好布局如下： 
2：翻转view动画，翻转动画的监听。 
3：翻转后布局的替换，这里用了隐藏 
我用了setVisibility(View.INVISIBLE) 



layout/mygaller_item_bg_01是正面 
layout/mygaller_item_bg_02是反面 
布局1：mygaller_item.xml

<?xml version="1.0" encoding="utf-8"?>  
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"  
    android:layout_width="fill_parent" android:orientation="vertical"  
    android:layout_height="wrap_content" android:padding="25dip"  
    android:id="@+id/container">  
    <FrameLayout android:layout_width="fill_parent"  
        android:orientation="vertical" android:layout_height="wrap_content"  
        android:id="@+id/container_bg">  
        <include layout="@layout/mygaller_item_bg_01" />  
        <include layout="@layout/mygaller_item_bg_02" />  
    </FrameLayout>  
</LinearLayout>

View翻转效果：来源：http://mobile.51cto.com/android-265495.htm  

import android.graphics.Camera;  
import android.graphics.Matrix;  
import android.view.animation.Animation;  
import android.view.animation.Transformation;  
  
public class Rotate3d extends Animation {  
    private final float mFromDegrees;  
    private final float mToDegrees;  
    private final float mCenterX;  
    private final float mCenterY;  
    private final float mDepthZ;  
    private final boolean mReverse;  
    private Camera mCamera;  
  
    public Rotate3d(float fromDegrees, float toDegrees, float centerX,  
            float centerY, float depthZ, boolean reverse) {  
        mFromDegrees = fromDegrees;  
        mToDegrees = toDegrees;  
        mCenterX = centerX;  
        mCenterY = centerY;  
        mDepthZ = depthZ;  
        mReverse = reverse;  
    }  
  
    @Override  
    public void initialize(int width, int height, int parentWidth,  
            int parentHeight) {  
        super.initialize(width, height, parentWidth, parentHeight);  
        mCamera = new Camera();  
    }  
  
    @Override  
    protected void applyTransformation(float interpolatedTime, Transformation t) {  
        final float fromDegrees = mFromDegrees;  
        float degrees = fromDegrees  
                + ((mToDegrees - fromDegrees) * interpolatedTime);  
        final float centerX = mCenterX;  
        final float centerY = mCenterY;  
        final Camera camera = mCamera;  
        final Matrix matrix = t.getMatrix();  
        camera.save();  
        if (mReverse) {  
            camera.translate(0.0f, 0.0f, mDepthZ * interpolatedTime);  
        } else {  
            camera.translate(0.0f, 0.0f, mDepthZ * (1.0f - interpolatedTime));  
        }  
        camera.rotateY(degrees);  
        camera.getMatrix(matrix);  
        camera.restore();  
        matrix.preTranslate(-centerX, -centerY);  
        matrix.postTranslate(centerX, centerY);  
    }  
}

过程和动画翻转的控制 

public class ViewRotate implements OnClickListener {  
    private ImageView imageview;  
    private View bg;  
    private DisplayNextView displayNextView;  
    private Context context;  
    private View convertView;  
    private LayoutInflater mInflater;  
    private boolean now_zhengfan;  
    private View container_bg;  
  
    public ViewRotate(Context context, View convertView,  
            LayoutInflater mInflater) {  
        this.context = context;  
        this.convertView = convertView;  
        this.mInflater = mInflater;  
        now_zhengfan = true;  
        AnimationUtils.loadAnimation(context, R.anim.my_alpha_action);  
        init();  
    }  
  
    public void init() {  
  
          
        bg = (ViewGroup) convertView.findViewById(R.id.container);  
        bg.findViewById(R.id.btn_more).setOnClickListener(this);  
        container_bg = convertView.findViewById(R.id.container_bg);  
  
        container_bg  
        .setBackgroundDrawable(GraphicsBitmapUtils.  
                BitmapToDrawable(GraphicsBitmapUtils.getRoundedCornerBitmap(GraphicsBitmapUtils  
                .drawableToBitmap(context.getResources()  
                        .getDrawable(R.drawable.zh)))));  
    }  
  
    private void applyRotation(int position, float start, float end) {  
        // Find the center of the container  
        final float centerX = bg.getWidth() / 2.0f;  
        final float centerY = bg.getHeight() / 2.0f;  
        final Rotate3d rotation = new Rotate3d(start, end, centerX, centerY,  
                310.0f, false);  
        rotation.setDuration(500);  
        rotation.setFillAfter(false);  
        rotation.setInterpolator(new AccelerateInterpolator());  
        rotation.setAnimationListener(new DisplayNextView(position, true));  
        bg.startAnimation(rotation);  
          
  
AlphaAnimation alphaAnim = new AlphaAnimation(0, 1);  
    }  
  
    @Override  
    public void onClick(View v) {  
        // TODO Auto-generated method stub  
        bg.setEnabled(false);  
        applyRotation(0, 0, 90);  
    }  
  
    private final class DisplayNextView implements Animation.AnimationListener {  
        private final int mPosition;  
        private final boolean b;  
  
        private DisplayNextView(int position, boolean t) {  
            mPosition = position;  
            b = t;  
        }  
  
        public void onAnimationStart(Animation animation) {  
        }  
  
        public void onAnimationEnd(Animation animation) {  
            if (b) {  
                bg.post(new SwapViews(mPosition));  
                if (now_zhengfan) {  
                    bg.findViewById(R.id.backe_bg1).setVisibility(  
                            View.INVISIBLE);  
                } else {  
                    bg.findViewById(R.id.backe_bg2).setVisibility(  
                            View.INVISIBLE);  
                }  
            } else {  
  
                bg.setEnabled(true);  
                if (now_zhengfan) {  
                    bg.findViewById(R.id.backe_bg2).setVisibility(View.VISIBLE);  
                    bg.setOnClickListener(ViewRotate.this);  
                    bg.setClickable(true);  
  
                    AlphaAnimation alphaAnim = new AlphaAnimation(0, 1);  
                    alphaAnim.setDuration(2000);  
                    alphaAnim.setStartOffset(500);  
                    alphaAnim  
                            .setAnimationListener(new CanClickAnimationListener(  
                                    bg));  
                    bg.findViewById(R.id.backe_bg2).startAnimation(alphaAnim);  
                    now_zhengfan = false;  
                } else {  
                    bg.findViewById(R.id.backe_bg1).setVisibility(View.VISIBLE);  
                    bg.setOnClickListener(ViewRotate.this);  
  
                    now_zhengfan = true;  
                    bg.setClickable(false);  
                    View btn = bg.findViewById(R.id.btn_more);  
                    btn.setOnClickListener(ViewRotate.this);  
  
//                  container_bg  
//                          .setBackgroundDrawable(GraphicsBitmapUtils.BitmapToDrawable(GraphicsBitmapUtils.getRoundedCornerBitmap(GraphicsBitmapUtils  
//                                  .drawableToBitmap(context.getResources()  
//                                          .getDrawable(R.drawable.zh)))));  
  
                    AlphaAnimation alphaAnim = new AlphaAnimation(0, 1);  
                    alphaAnim.setDuration(2000);  
                    alphaAnim.setStartOffset(500);  
                    alphaAnim  
                            .setAnimationListener(new CanClickAnimationListener(  
                                    bg, btn));  
  
                    bg.findViewById(R.id.backe_bg1).startAnimation(alphaAnim);  
                    // bg.findViewById(R.id.backe_bg1).startAnimation(  
                    // CopyOfTestRotate.this.animation);  
  
                }  
            }  
  
        }  
  
        public void onAnimationRepeat(Animation animation) {  
  
        }  
    }  
  
    private final class SwapViews implements Runnable {  
        private final int mPosition;  
  
        public SwapViews(int position) {  
            mPosition = position;  
        }  
  
        public void run() {  
            final float centerX = bg.getWidth() / 2.0f;  
            final float centerY = bg.getHeight() / 2.0f;  
            Rotate3d rotation;  
            if (mPosition > -1) {  
  
                rotation = new Rotate3d(90, 180, centerX, centerY, 310.0f,  
                        false);  
                rotation.setAnimationListener(new DisplayNextView(mPosition,  
                        false));  
            } else {  
                rotation = new Rotate3d(90, 0, centerX, centerY, 310.0f, false);  
            }  
            rotation.setDuration(500);  
            rotation.setFillAfter(false);  
            rotation.setInterpolator(new DecelerateInterpolator());  
            bg.startAnimation(rotation);  
            bg.setEnabled(false);  
        }  
    }  
  
}