如何翻转android按钮

Question

我想在android扩展按钮中制作一个自定义按钮。当我点击按钮时，它将翻转180度并显示按钮的背面图像。这意味着按钮将有两个图像。单击它时，它将随着沿y轴的旋转动画而改变。

感谢任何帮助。感谢。

Answer 1

我会使用ScaleAnimation，它会将按钮拉伸到0像素宽度，然后将其拉伸回100％。当按钮具有最小宽度时，应更改背景和文本，以显示背面。

Answer 2

首先抱歉我的可怜的恩。 然后......

您的布局 - ＆gt; flip.xml

<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:id="@+id/root"
    android:layout_width="fill_parent"
    android:layout_height="fill_parent">

<Button
    android:id="@+id/front"
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    android:background="#ff00546c"
    android:clickable="true"
    android:onClick="onButtonClick"/>



<Button
    android:id="@+id/back"
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    android:background="#000"
    android:clickable="true"
    android:onClick="onButtonClick"
    android:visibility="gone"/>


</RelativeLayout>

您可以定义按钮的第一面和第二面，或者听到任何视图。

在您的活动中添加此部分

public void onButtonClick(View view)
{
    flipView();
}

private void flipView()
{
    View rootLayout = findViewById(R.id.root);
    View viewFace = findViewById(R.id.front);
    View viewBack = findViewById(R.id.back);

    FlipAnimation flipAnimation = new FlipAnimation(viewFace , viewBack );

    if (viewFace.getVisibility() == View.GONE)
    {
        flipAnimation.reverse();
    }
    rootLayout.startAnimation(flipAnimation);
}

这部分代码启动翻转动画，最后一部分......

<强> FlipAnimation.java

public class FlipAnimation extends Animation {
private Camera camera;

private View fromView;
private View toView;

private float centerX;
private float centerY;

private boolean forward = true;

public FlipAnimation(View fromView, View toView) {
    this.fromView = fromView;
    this.toView = toView;

    setDuration(700);
    setFillAfter(false);
    setInterpolator(new AccelerateDecelerateInterpolator());
}

public void reverse() {
    forward = false;
    View switchView = toView;
    toView = fromView;
    fromView = switchView;
}

@Override
public void initialize(int width, int height, int parentWidth, int parentHeight) {
    super.initialize(width, height, parentWidth, parentHeight);
    centerX = width / 2;
    centerY = height / 2;
    camera = new Camera();
}

@Override
protected void applyTransformation(float interpolatedTime, Transformation t)
{
    final double radians = Math.PI * interpolatedTime;
    float degrees = (float) (180.0 * radians / Math.PI);

    if (interpolatedTime >= 0.5f) {
        degrees -= 180.f;
        fromView.setVisibility(View.GONE);
        toView.setVisibility(View.VISIBLE);
    }

    if (forward)
        degrees = -degrees; //determines direction of rotation when flip begins

    final Matrix matrix = t.getMatrix();
    camera.save();
    camera.translate(0, 0, Math.abs(degrees)*2);
    camera.getMatrix(matrix);
    camera.rotateY(degrees);
    camera.getMatrix(matrix);
    camera.restore();
    matrix.preTranslate(-centerX, -centerY);
matrix.postTranslate(centerX, centerY);

}
}

享受！

还有一件事，我之前在堆栈中发现了这段代码，但没有找到链接的答案。其他人怀疑这个有用的代码。

Answer 3

https://github.com/stormzhang/FlipLayout - 使用此库。它易于使用，适合您。