安卓下拉菜单平移动画开发

慢慢成长的码农

已于 2024-07-10 09:18:46 修改

阅读量898

点赞数 17

文章标签： android

于 2024-06-28 15:48:46 首次发布

本文链接：https://blog.csdn.net/qq_33386162/article/details/140045357

版权

在 Android 中实现下拉菜单的平移动画，可以使用 ObjectAnimator 类来实现菜单的平移效果。在这个示例中，我们将创建一个简单的下拉菜单，当用户点击按钮时，菜单会从屏幕顶部平移出来或隐藏。

示例代码

1. 布局文件

创建一个包含按钮和菜单布局的 XML 布局文件 activity_main.xml：

<?xml version="1.0" encoding="utf-8"?>
<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
xmlns:tools="http://schemas.android.com/tools"
android:layout_width="match_parent"
android:layout_height="match_parent"
tools:context=".MainActivity">

</LinearLayout>

</RelativeLayout>

2. 主活动文件

在 MainActivity.java 中编写代码来实现菜单的平移动画：

import android.animation.ObjectAnimator;
import android.os.Bundle;
import android.view.View;
import android.widget.Button;
import android.widget.LinearLayout;
import androidx.appcompat.app.AppCompatActivity;

public class MainActivity extends AppCompatActivity {

private LinearLayout menuLayout;
private boolean isMenuVisible = false;

@Override
protected void onCreate(Bundle savedInstanceState) {
super.onCreate(savedInstanceState);
setContentView(R.layout.activity_main);

menuLayout = findViewById(R.id.menuLayout);
Button showMenuButton = findViewById(R.id.showMenuButton);

showMenuButton.setOnClickListener(new View.OnClickListener() {
@Override
public void onClick(View v) {
if (isMenuVisible) {
hidePanel();
} else {
showPanel();
}
}
});
}

//private void showMenu() {
// menuLayout.setVisibility(View.VISIBLE);
// ObjectAnimator animator = ObjectAnimator.ofFloat(menuLayout, "translationY", -//menuLayout.getHeight(), 0);
// animator.setDuration(300);
// animator.start();
// isMenuVisible = true;
// }

/**
 * 垂直下拉的慢慢平移动画效果
 *
 * @param view
 */
private void showPanel(View view) {
    if (view.getVisibility() == View.VISIBLE) {
        return; // Already visible, no need to animate again
    }
    view.getViewTreeObserver().addOnPreDrawListener(new ViewTreeObserver.OnPreDrawListener() {
        @Override
        public boolean onPreDraw() {
            view.getViewTreeObserver().removeOnPreDrawListener(this);
            view.setTranslationY(-view.getHeight());
            ObjectAnimator animator = ObjectAnimator.ofFloat(view, "translationY", 0);
            animator.setDuration(200); // Adjust duration as needed
            animator.setInterpolator(new DecelerateInterpolator()); // Optional, adjust as needed
            animator.addListener(new AnimatorListenerAdapter() {
                @Override
                public void onAnimationEnd(Animator animation) {
                    view.setVisibility(View.VISIBLE);
                    Log.d(TAG, "Panel shown");
                }
            });
            animator.start();
            return true;
        }
    });
}


private void hidePanel(View view) {
    if (view.getVisibility() != View.VISIBLE) {
        return; // Already hidden, no need to animate again
    }
    ObjectAnimator animator = ObjectAnimator.ofFloat(view, "translationY", -view.getHeight());
    animator.setDuration(200); // Adjust duration as needed
    animator.addListener(new AnimatorListenerAdapter() {
        @Override
        public void onAnimationEnd(Animator animation) {
            Log.d(TAG, "Panel hidden");
            view.setVisibility(View.GONE);
        }
    });
    animator.start();
}

3.当优化视图滑动速度时，可以尝试以下方法来改进代码：

减少动画时长：减少动画的持续时间可以使滑动速度更快。当前代码中动画的持续时间为200毫秒，可以尝试缩短为更短的时间，例如150毫秒，以提升滑动速度。
选择合适的插值器：插值器影响动画的变化速度。在这种情况下，可以考虑使用 AccelerateInterpolator 或 DecelerateInterpolator，根据需要调整动画开始和结束时的加速或减速效果。
调整动画的启动方式：可以在视图滑动之前进行一些准备工作，如预先设定视图的偏移量，以减少开始时的视觉延迟

4.插值器介绍：

插值器（Interpolator）在Android开发中用于控制动画的变化速度。它影响动画的时间变化规律，决定了动画在执行过程中的速度变化情况。Android提供了多种插值器类型，每种类型都有不同的速度变化特性，常见的插值器包括：

LinearInterpolator（线性插值器）：线性插值器使动画按照线性速度变化，即在整个动画过程中保持匀速运动。它没有加速度或减速度，速度始终保持恒定。
AccelerateInterpolator（加速插值器）：加速插值器使动画在开始时较慢，然后逐渐加快速度。它用于产生开始缓慢，然后迅速加速的动画效果。
DecelerateInterpolator（减速插值器）：减速插值器使动画在开始时较快，然后逐渐减慢速度。它用于产生开始快速，然后缓慢减速的动画效果。
AccelerateDecelerateInterpolator（加速减速插值器）：加速减速插值器结合了加速和减速效果，使动画在开始和结束时较慢，而在中间阶段加速。这种插值器通常用于产生平滑且自然的动画效果。
AnticipateInterpolator（先回弹后正常插值器）：先回弹后正常插值器使动画在开始时向后回弹一小段距离，然后按照正常路径运动。它用于产生有些弹性和生动性的动画效果。
OvershootInterpolator（超过目标后返回插值器）：超过目标后返回插值器使动画在结束时超过目标位置一小段距离，然后返回。它用于产生一种超出预期并有些弹性的动画效果。
CycleInterpolator（周期性插值器）：周期性插值器使动画按照指定周期进行重复。它可以让动画在一定时间内来回循环，产生循环运动的效果。
PathInterpolator（路径插值器）：路径插值器允许开发者定义自定义的动画变化路径。通过指定一系列的控制点，可以精确控制动画的速度变化情况。

每种插值器都有其独特的应用场景，选择合适的插值器能够有效改善动画的视觉效果和用户体验。

代码解释
布局文件：定义了一个包含按钮和下拉菜单的布局。菜单初始时是隐藏的（android:visibility="gone"）。

MainActivity.java：

menuLayout 和 isMenuVisible 变量用于管理菜单的可见性状态。
在 showMenuButton 的点击事件中，根据菜单的当前状态来显示或隐藏菜单。
showMenu 方法：将菜单设置为可见，并应用从顶部平移到当前位置的动画。
hideMenu 方法：应用从当前位置平移到顶部的动画，并在动画结束时将菜单设置为不可见。
这样，你就实现了一个带有平移动画效果的下拉菜单。当用户点击按钮时，菜单会从顶部平移出来或隐藏。