Android之底部弹框

最新推荐文章于 2025-05-17 16:36:16 发布

原创最新推荐文章于 2025-05-17 16:36:16 发布 · 1.9k 阅读

3 ·

CC 4.0 BY-SA版权

文章标签：

#Android #dialog弹框 #Android底部弹窗 #dialog控件

Android控件专栏收录该内容

25 篇文章

订阅专栏

文章链接：

Android之底部弹窗

知识点：

1、dialog的简单使用；

2、自定义底部弹框；

3、新名词记录

{

5.0 转场动画

}

底部弹框：就是从手机屏幕底边位置弹出来，最常见的就是弹框里头有好几个选项让你选择。例如微信里面看一篇文章的时候，我们点击右上角的按钮，就会看到有一个弹框从底部弹出来，里面有各个选项可以点击选择。那么怎么来做呢？

思路其实很简单，一说到弹框，我们脑海里必然先想到的是dialog。这个东西可是很好用的呢，很多弹窗的提示，我们都是直接使用它的了。

这里有一个弹窗dialog的使用示例：

private void dialog(){  
        AlertDialog.Builder builder=new AlertDialog.Builder(this); 
        builder.setTitle("提示"); //设置标题  
        builder.setMessage("是否确认退出?"); //设置内容  
        builder.setIcon(R.mipmap.ic_launcher);//设置图标，图片id  
        builder.setPositiveButton("确定", new DialogInterface.OnClickListener() { //设置确定按钮  
            @Override  
            public void onClick(DialogInterface dialog, int which) {  
                dialog.dismiss(); //关闭dialog  
                Toast.makeText(MainActivity.this, "确认" + which, Toast.LENGTH_SHORT).show();  
            }  
        });  
        builder.setNegativeButton("取消", new DialogInterface.OnClickListener() { //设置取消按钮  
            @Override  
            public void onClick(DialogInterface dialog, int which) {  
                dialog.dismiss();  
                Toast.makeText(MainActivity.this, "取消" + which, Toast.LENGTH_SHORT).show();  
            }  
        });  
        //创建并显示出来  
        builder.create().show();  
    }

效果图我就不展示出来了。大家可以将上面的代码在工程里头跑一跑就知道了。

那么如何来做我们底部的弹框呢，我们知道dialog是依附在window上面的，而window里头有一个setGravity(int)的方法，我们继承dialog，自定义一个控件，然后拿到dialog依附的这个Window，然后设置dialog显示的位置，并且把先要显示的内容以一个view传过去，我们直接显示出来就OK了。

下面我直接把我们继承自dialog的BottomDialog.java类直接贴出来。代码很简单，一看就明白了。我就不做过多的解释了。

import android.app.Dialog;
import android.content.Context;
import android.view.Gravity;
import android.view.View;
import android.view.ViewGroup;
import android.view.Window;


/**
 * desc:自定义冲底部弹出来的弹框
 * <p>
 * author:kuyu.yaojt (tanksu)
 * <p>
 * email:yaojt@kuyumall.com
 * <p>
 * date:17/3/14
 */

public class BottomDialog extends Dialog {

    /*
     这两个文件都是在style.xml文件里头定义
        DialogTheme 样式：
     <style name="DialogTheme" parent="@android:style/Theme.Dialog">
        <item name="android:windowFrame">@null</item>
        <!-- 边框 -->
        <item name="android:windowIsFloating">true</item>
        <!-- 是否浮现在activity之上 -->
        <item name="android:windowIsTranslucent">false</item>
        <!-- 半透明 -->
        <item name="android:windowNoTitle">true</item>
        <item name="android:windowBackground">@android:color/transparent</item>
        <item name="android:background">@android:color/transparent</item>
        <item name="android:backgroundDimEnabled">true</item>
        <!-- 模糊 -->
    </style>

    DialogBottomAnim 动画数据，利用的是系统的动画
    <style name="DialogBottomAnim">
        <!--进入动画-->
        <item name="@android:windowEnterAnimation">@anim/dialog_enter</item>
        <!--退出动画-->
        <item name="@android:windowExitAnimation">@anim/dialog_exit</item>
    </style>
    */

    /**
     * 构造函数
     *
     * @param context context
     * @param view    显示的view
     * @param cancel  点击外部是否可以取消
     */
    public BottomDialog(Context context, View view, boolean cancel) {
        this(context, view, R.style.DialogTheme, cancel);
    }

    /**
     * @param context           context
     * @param view              显示的view
     * @param style             布局样式
     * @param outsideCancelAble 点击外部是否可以取消
     */
    public BottomDialog(Context context, View view, int style, boolean outsideCancelAble) {
        super(context, style);
        setContentView(view);

        setCanceledOnTouchOutside(outsideCancelAble);

        Window window = getWindow();
        if (window != null) {
            /* 此处可以设置dialog显示的位置 */
            window.setGravity(Gravity.BOTTOM);

            /* 添加动画 */
            window.setWindowAnimations(R.style.DialogBottomAnim);

            ViewGroup.LayoutParams params = view.getLayoutParams();
            if (params == null) {
                params = new ViewGroup.LayoutParams(ViewGroup.LayoutParams.MATCH_PARENT, ViewGroup.LayoutParams.WRAP_CONTENT);
            }
            /* 重新设置弹框的宽度 */
            params.width = window.getWindowManager().getDefaultDisplay().getWidth();

            view.setLayoutParams(params);
        }
    }

}

我把需要用到的资源文件，都直接放在上面这个类里头，你只需要将他们放到style.xml文件里头就可以了。

然后是怎么调用上面这个自定义的底部弹框类。很简单，如下：

View view = LayoutInflater.from(this).inflate(R.layout.popup_trans_dialog, null);
            mBottomDialog = new BottomDialog(this, view, true);
            createView(view);

createView(View)方法是对于显示的view里头操作的响应，BottomDialog只是紧紧帮你展示你的view，事件的监听响应都是外面去做的，例如有一个button，我们可以findviewbyid()，然后设置点击监听等等操作。
这就是今天的内容，如果任何问题，请及时与我联系，谢谢！