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

短命女 2022-10-17 10:54 283阅读 0赞

![a7565e6d8b084947b50d84625e1bbee8.gif][]过程是：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);

[a7565e6d8b084947b50d84625e1bbee8.gif]: /images/20221014/aefb6df7fefa47d48ec5501bee69c46e.png

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

发表评论取消回复

还没有评论，来说两句吧...

相关阅读

相关 Android基础#11: Layout经典布局--如何使用RelativeLayout相对布局来实现控件左右平均分布

相关 java android 控件_android使用java代码创建控件、布局

相关【Android 10】1、基本控件和布局

相关 android布局控件跳至 0 0,【Android控件布局】Layout 水平平分空间、垂直平分空间...

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

相关 android ViewPager页面左右滑动切换

相关 Android 控件在布局中按比例放置

相关 Android布局

相关 android控件——创建自定义控件或布局

相关 Android布局控件之LinearLayout详解