Android 滑动动画：如何显示和隐藏视图？

2024-03-10 12:49:10

如何使用滑动动画在 Android 中显示和隐藏视图

简介

在 Android 开发中，可以使用动画效果来增强用户体验。例如，我们可以使用滑动动画来显示或隐藏一个线性布局，从而实现元素的上下移动效果。

创建动画 XML 文件

第一步，我们需要创建两个 XML 文件来定义滑动动画。一个用于向上滑动，另一个用于向下滑动。

<!-- 向上滑动动画 -->
<set xmlns:android="http://schemas.android.com/apk/res/android"
    android:interpolator="@android:anim/accelerate_decelerate_interpolator">
    <translate
        android:fromYDelta="100%p"
        android:toYDelta="0%p"
        android:duration="500" />
</set>

<!-- 向下滑动动画 -->
<set xmlns:android="http://schemas.android.com/apk/res/android"
    android:interpolator="@android:anim/accelerate_decelerate_interpolator">
    <translate
        android:fromYDelta="0%p"
        android:toYDelta="100%p"
        android:duration="500" />
</set>

加载动画

接下来，在 Java 代码中加载定义的动画 XML 文件。

Animation showAnimation = AnimationUtils.loadAnimation(context, R.anim.slide_up);
Animation hideAnimation = AnimationUtils.loadAnimation(context, R.anim.slide_down);

监听可见性变化

要显示或隐藏动画，我们需要监听线性布局的可见性变化。

linearLayout.getViewTreeObserver().addOnGlobalLayoutListener(new ViewTreeObserver.OnGlobalLayoutListener() {
    @Override
    public void onGlobalLayout() {
        if (linearLayout.getVisibility() == View.VISIBLE) {
            linearLayout.startAnimation(showAnimation);
        } else {
            linearLayout.startAnimation(hideAnimation);
        }
    }
});

当线性布局可见时，启动向上滑动动画；当它隐藏时，启动向下滑动动画。

示例代码

以下是一个完整的示例代码：

public class MainActivity extends AppCompatActivity {

    private LinearLayout linearLayout;

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

        linearLayout = findViewById(R.id.linear_layout);

        // 加载动画
        Animation showAnimation = AnimationUtils.loadAnimation(this, R.anim.slide_up);
        Animation hideAnimation = AnimationUtils.loadAnimation(this, R.anim.slide_down);

        // 监听可见性变化
        linearLayout.getViewTreeObserver().addOnGlobalLayoutListener(new ViewTreeObserver.OnGlobalLayoutListener() {
            @Override
            public void onGlobalLayout() {
                if (linearLayout.getVisibility() == View.VISIBLE) {
                    linearLayout.startAnimation(showAnimation);
                } else {
                    linearLayout.startAnimation(hideAnimation);
                }
            }
        });
    }
}