3

我在 android 中创建了一个视图,我需要从下到上对其进行动画处理,反之亦然。我已经使用 TranslateAnimation 成功地做到了这一点。但问题是我在视图上有几个按钮。当动画时,触摸点保持在原始位置并且不会移动到新位置。因此,当我再次单击按钮的原始位置时,从上到下的动画会运行,但该按钮不存在。

我搜索了互联网,人们说用参数调用 view.layout,但我的问题是如何获取视图的最新位置,因为我试图获取动画开始和动画结束的位置并且它保持不变。

另外,请不要给出它实际上不会移动视图的答案,它会创建副本并移动它等等,因为我已经搜索过但找不到描述或实施的正确解决方案。

这是代码:

import android.content.Context;
import android.graphics.Matrix;
import android.view.LayoutInflater;
import android.view.View;
import android.view.animation.Animation;
import android.view.animation.Animation.AnimationListener;
import android.view.animation.Transformation;
import android.view.animation.TranslateAnimation;
import android.widget.ImageButton;
import android.widget.LinearLayout;
import com.Card_Android.R;

public class GameMenuScreenAnimated extends LinearLayout {

private final View mainView;

public GameMenuScreenAnimated(Context context,
        final GameViewController dashboardVC) {

    super(context);
    LayoutInflater inflater = LayoutInflater.from(context);
    mainView = inflater.inflate(R.layout.main_menu, this);

    ImageButton btn = (ImageButton) mainView.findViewById(R.id.trade);
    btn.setOnClickListener(new OnClickListener() {

        @Override
        public void onClick(View v) {
            System.out.println("yaaaaaay!!!!");

        }
    });

    slideDown(mainView);
}

public View getMainView() {
    return mainView;
}

private void slideUp(final View view) {

    Animation slide = new TranslateAnimation(Animation.RELATIVE_TO_SELF,
            0.0f, Animation.RELATIVE_TO_SELF, 0.0f,
            Animation.RELATIVE_TO_SELF, 0.0f, Animation.RELATIVE_TO_SELF,
            0.5f);
    slide.setDuration(1000);
    slide.setFillAfter(true);
    slide.setFillEnabled(true);
    view.startAnimation(slide);
    slide.setAnimationListener(new AnimationListener() {

        @Override
        public void onAnimationStart(Animation animation) {
            int[] startPosition = new int[2];
            view.getLocationOnScreen(startPosition);
            System.out.println("onAnimationStart " + startPosition[0]
                    + " , " + startPosition[1]);
        }

        @Override
        public void onAnimationRepeat(Animation animation) {
        }

        @Override
        public void onAnimationEnd(Animation animation) {
             int[] endPosition = new int[2];
             view.getLocationOnScreen(endPosition);
             System.out.println("onAnimationEnd " + endPosition[0] + " , "
             + endPosition[1]);

        }

    });

}

private final AnimationListener slideDownAnimationListener = new AnimationListener() {
    @Override
    public void onAnimationStart(Animation animation) {
    }

    @Override
    public void onAnimationRepeat(Animation animation) {
    }

    @Override
    public void onAnimationEnd(Animation animation) {
        final int left = mainView.getLeft();
        final int top = mainView.getTop();
        final int right = mainView.getRight();
        final int bottom = mainView.getBottom();
        mainView.layout(left, (int) Math.round(top + 0.25 * top), right,
                (int) Math.round(bottom + 0.25 * bottom));
    }
};

private final Animation slideDownAnimation = new TranslateAnimation(
        Animation.RELATIVE_TO_SELF, 0.0f, Animation.RELATIVE_TO_SELF, 0.0f,
        Animation.RELATIVE_TO_SELF, 0.0f, Animation.RELATIVE_TO_SELF, 0.25f);

private void slideDown(final View view) {
    slideDownAnimation.setDuration(1000);
    slideDownAnimation.setFillAfter(true);
    slideDownAnimation.setFillEnabled(true);
    slideDownAnimation.setAnimationListener(slideDownAnimationListener);
    view.startAnimation(slideDownAnimation);
}
}

XML:

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
android:layout_width="fill_parent"
android:layout_height="wrap_content"
android:orientation="vertical"
android:gravity="bottom"
>
 <LinearLayout 
    android:id="@+id/tableLayout1"
    android:layout_height="wrap_content"
    android:layout_width="fill_parent"
    android:gravity="center"
    >

        <ImageButton
            android:id="@+id/trade"
            android:layout_width="50dp"
            android:layout_height="50dp"
            android:layout_margin="0dp"

            android:background="@null"
            android:scaleType="centerCrop"
            android:src="@drawable/upgrade_btn" />

    </LinearLayout>

 <LinearLayout 
    android:id="@+id/tableLayout1"
    android:layout_width="fill_parent"
    android:gravity="center"
    android:layout_height="wrap_content"
    >

        <ImageButton
                    android:id="@+id/evolution"
                    android:layout_width="wrap_content"
                    android:layout_height="wrap_content"
                    android:layout_margin="0dp"
                    android:background="@null"
                    android:scaleType="centerCrop"
                    android:src="@drawable/sell_btn" />
            <ImageButton
                    android:id="@+id/trade"
                    android:layout_width="wrap_content"
                    android:layout_height="wrap_content"
                    android:layout_margin="0dp"
                    android:background="@null"
                    android:scaleType="centerCrop"
                    android:src="@drawable/upgrade_btn"
                     />

    </LinearLayout>
</LinearLayout>

可绘制的 xml

<?xml version="1.0" encoding="utf-8"?>

<selector xmlns:android="http://schemas.android.com/apk/res/android" 
    android:id="@+id/evolution">
<item android:state_pressed="true" android:drawable="@drawable/menu_off" /> <!-- pressed -->
<item android:state_focused="true" android:drawable="@drawable/menu_on" /> <!-- focused -->
<item android:drawable="@drawable/menu_on" /> <!-- default -->
</selector>

我要做的就是创建一个简单的菜单,其中包含几个按钮,单击按钮时可以滑入和滑出。

4

3 回答 3

2

简单的解决方案:只需使用 AnimationListener 并使用 .clearAnimation()。

Animation animationLeft= AnimationUtils.loadAnimation(getContext(), R.anim.slide_right);
animationLeft.setAnimationListener(new Animation.AnimationListener() {
                    @Override
                    public void onAnimationStart(Animation animation) {

                    }

                    @Override
                    public void onAnimationEnd(Animation animation) {
                        imageView.clearAnimation();//This Line Added
                    }

                    @Override
                    public void onAnimationRepeat(Animation animation) {

                    }
                });
于 2019-11-04T13:23:07.763 回答
1

不久前我遇到了同样的问题。你会在这里找到我的答案:

如何在动画后将更改应用到视图的位置?

另一种方法是使用 animate()-Function 或 ObjectAnimator。这两种动画方式都会影响视图对象本身,而不是仅对屏幕上的像素进行动画处理而不更新视图所在位置的内部值。您可以在此处找到有关这些功能的更多信息:

animate()(又名 ViewPropertyAnimator):http: //developer.android.com/guide/topics/graphics/prop-animation.html#view-prop-animator

ObjectAnimator:http: //developer.android.com/guide/topics/graphics/prop-animation.html#object-animator

整个动画章节非常好读。这可能需要 20 分钟,但在那之后,您可以更好地了解 Android 上的动画正在发生什么。

于 2012-11-27T17:12:26.753 回答
0

我没能找到问题,为了在按钮上应用动画点击同一个按钮,按钮不能被第二次点击,但是 developer.android 说:视图动画不会改变动画视图的边界它只会动画视图(外观)但在我看来,如果是按钮,它确实会改变界限。我已经在比例动画上检查过了。我设法通过视图属性动画器添加多个缩放动画并通过调用重置我的按钮边界: button1.setScaleX(1f); 和 button1.setScaleY(1f); 并为动画创建了这个方法:

private void propScaleDownAnim(Button btn, int startDly){
  btn.animate().scaleX(0f).scaleY(0f).setDuration(250).setStartDelay(startDly)
            .withEndAction(new Runnable() {
                @Override
                public void run() {
                    //animation ended
                    btn.setVisibility(View.INVISIBLE);
                    }
            }); }
于 2020-02-21T06:57:25.750 回答