用Dialog实现底部弹窗

最新推荐文章于 2025-05-20 12:02:40 发布

假装会写代码

最新推荐文章于 2025-05-20 12:02:40 发布

阅读量1.6k

点赞数

CC 4.0 BY-SA版权

分类专栏： Android笔记文章标签： app dialog-android 弹窗

本文链接：https://blog.youkuaiyun.com/qq_16247851/article/details/73807306

Android笔记专栏收录该内容

26 篇文章

订阅专栏

本文介绍了如何使用Dialog在Android应用中实现从底部弹出的效果。通过设置对话框位置、定义动画样式，并重写触摸事件处理，可以创建符合需求的底部弹窗效果。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

有时要实现各种各样的弹窗，譬如选择支付方式的时候，很多APP就会选择由底部弹上来的。如图：

这里写图片描述

下面是Dialog的实现：

public class ChoosePayStatusDialog extends Dialog {

    private LinearLayout aliPayLly;
    private LinearLayout weixinPayLly;

    public ChoosePayStatusDialog(@NonNull Context context) {
        super(context, R.style.BottomDialog);//关键代码
        setContentView(R.layout.dialog_choose_pay);//关键代码
        setCancelable(true);//关键代码
        setCanceledOnTouchOutside(true);//关键代码
        getWindow().setGravity(Gravity.BOTTOM);//关键代码
        getWindow().setLayout(WindowManager.LayoutParams.MATCH_PARENT, WindowManager.LayoutParams.WRAP_CONTENT);

        aliPayLly= (LinearLayout) findViewById(R.id.aliPayLly);
        weixinPayLly= (LinearLayout) findViewById(R.id.weixinPayLly);
        aliPayLly.setOnClickListener(new View.OnClickListener() {
            @Override
            public void onClick(View v) {
                EventBus.getDefault().post(new ChoosePayBean(2));
                dismiss();

            }
        });

        weixinPayLly.setOnClickListener(new View.OnClickListener() {
            @Override
            public void onClick(View v) {
                EventBus.getDefault().post(new ChoosePayBean(1));
                dismiss();
            }
        });

    }

    @Override
    public boolean onTouchEvent(MotionEvent event) {
        /* 触摸外部弹窗 */
        if (isOutOfBounds(getContext(), event)) {
            EventBus.getDefault().post(new ChoosePayBean());
            dismiss();
        }
        return super.onTouchEvent(event);
    }


    private boolean isOutOfBounds(Context context, MotionEvent event) {
        final int x = (int) event.getX();
        final int y = (int) event.getY();
        final int slop = ViewConfiguration.get(context).getScaledWindowTouchSlop();
        final View decorView = getWindow().getDecorView();
        return (x < -slop) || (y < -slop) || (x > (decorView.getWidth() + slop))
                || (y > (decorView.getHeight() + slop));
    }
}

以上代码中：

getWindow().setGravity(Gravity.BOTTOM);

设置对话框的位置，这里设置成底部，也可以设置成Gravity.CENTER,根据需求而定。

super(context, R.style.BottomDialog);

BottomDialog样式文件代码如下：

<style name="BottomDialog">
        <item name="android:windowIsTranslucent">true</item>
        <item name="android:windowBackground">@android:color/transparent</item>
        <item name="android:windowContentOverlay">@null</item>
        <item name="android:windowNoTitle">true</item>
        <item name="android:backgroundDimEnabled">true</item>
        <item name="android:windowIsFloating">false</item>
        <item name="android:windowAnimationStyle">@style/DialogAnimation</item>
        <item name="android:gravity">bottom</item>
    </style>

@style/DialogAnimation中是定义对话框出现与消失的动画，文件内容如下：

<style name="DialogAnimation">
        <item name="android:windowEnterAnimation">@anim/slide_up</item>
        <item name="android:windowExitAnimation">@anim/slide_down</item>
    </style>

@anim/slide_up内容如下：

<set xmlns:android="http://schemas.android.com/apk/res/android"
    android:fillAfter="true"
    android:fillBefore="true"
    android:fillEnabled="true"
    android:interpolator="@anim/anim_interpolator"
    android:shareInterpolator="true"
    android:zAdjustment="top">
    <translate
        android:duration="500"
        android:fromYDelta="100%p"
        android:toYDelta="0%p" />
</set>

@anim/slide_down内容如下：

<set xmlns:android="http://schemas.android.com/apk/res/android"
    android:interpolator="@android:anim/decelerate_interpolator"
    android:shareInterpolator="true">
    <translate
        android:duration="500"
        android:fromYDelta="0.0%p"
        android:toYDelta="100.0%p" />
</set>