android 控件翻转切换布局

转载自:http://b275518834201204034558.iteye.com/blog/1486820

过程是：
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);          }      }    }

更多相关文章

随机推荐