android左右切换布局,android 控件翻转切换布局

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

android:layout_width="fill_parent" android:orientation="vertical"

android:layout_height="wrap_content" android:padding="25dip"

android:id="@+id/container">

android:orientation="vertical" android:layout_height="wrap_content"

android:id="@+id/container_bg">

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

}

}

}