如何翻转android按钮

Question

我想在android延伸按钮做一个自定义按钮。当我点击按钮时，它会翻转180度并显示按钮的后面图像。这意味着按钮将有两个图像。当它被点击时，它将随着沿着y轴的旋转动画而改变。

任何帮助表示赞赏。谢谢。

Answer 1

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

Answer 2

起初对我可怜的恩抱歉。 ，之后...

布局 - > 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 - 使用此库。它易于使用，适合你。