Android实现AlertDialog从上方动画至Toolbar顶部位置的方法

Hey there! Let's get that AlertDialog sliding in from the top and aligning perfectly with your Toolbar's top edge. Here's a step-by-step implementation that covers both the animation and positioning:

1. Create Animation Resources #

First, we need to define the slide-in and slide-out animations. Create an anim folder in your res directory (if it doesn't exist) and add these two files:

slide_in_top.xml (Enter Animation) #

This animates the dialog from off-screen top to its final position:

<?xml version="1.0" encoding="utf-8"?>
<translate xmlns:android="http://schemas.android.com/apk/res/android"
    android:duration="300"
    android:fromYDelta="-100%"
    android:toYDelta="0%"
    android:interpolator="@android:anim/decelerate_interpolator" />

slide_out_top.xml (Exit Animation) #

This animates the dialog back off-screen when dismissed:

<?xml version="1.0" encoding="utf-8"?>
<translate xmlns:android="http://schemas.android.com/apk/res/android"
    android:duration="300"
    android:fromYDelta="0%"
    android:toYDelta="-100%"
    android:interpolator="@android:anim/accelerate_interpolator" />

2. Define Animation Style #

Add a style in res/values/styles.xml to link the animations to your dialog:

<style name="DialogTopSlideAnimation">
    <item name="android:windowEnterAnimation">@anim/slide_in_top</item>
    <item name="android:windowExitAnimation">@anim/slide_out_top</item>
</style>

3. Implement the Dialog with Positioning & Animation #

Now, let's integrate this with your existing AlertDialog code, adding logic to align it with your Toolbar:

// Reference your Toolbar (replace with your actual Toolbar ID)
Toolbar toolbar = findViewById(R.id.main_toolbar);

// Get the Toolbar's top position relative to the screen
int[] toolbarScreenLocation = new int[2];
toolbar.getLocationOnScreen(toolbarScreenLocation);
int toolbarTopY = toolbarScreenLocation[1];

// Build your AlertDialog as usual
AlertDialog.Builder builder = new AlertDialog.Builder(MainActivity.this);
builder.setTitle("Animation Dialog");
builder.setMessage("This dialog slides in from the top and aligns with your Toolbar!");
builder.setPositiveButton("Got it", (dialog, which) -> dialog.dismiss());

AlertDialog dialog = builder.create();

// Apply the animation style
dialog.getWindow().getAttributes().windowAnimations = R.style.DialogTopSlideAnimation;

// Adjust dialog position to align with Toolbar's top edge
WindowManager.LayoutParams dialogParams = dialog.getWindow().getAttributes();
dialogParams.gravity = Gravity.TOP;
dialogParams.y = toolbarTopY; // Set dialog's top Y to match Toolbar's top
dialog.getWindow().setAttributes(dialogParams);

// Show the dialog to trigger the animation
dialog.show();

Key States Explained #

• Pre-animation State: The dialog is completely hidden above the screen's top edge, not visible to the user.
• Post-animation State: The dialog finishes sliding down, with its top edge perfectly aligned with your Toolbar's top edge, fully displaying its content.

Quick Tips #

• Adjust the android:duration values in the animation files to make the slide faster or slower.
• If your Toolbar includes status bar padding, getLocationOnScreen() already accounts for that, so no extra adjustments are needed.
• Add interpolators (like the ones included) to make the animation feel smoother (decelerate when entering, accelerate when exiting).

内容的提问来源于stack exchange，提问作者jobin