Android之底部弹框

文章链接：

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:[e-mail] * <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()，然后设置点击监听等等操作。
这就是今天的内容，如果任何问题，请及时与我联系，谢谢！