美文网首页
Dialog使用详解

Dialog使用详解

作者: 素颜的你 | 来源:发表于2018-05-08 10:20 被阅读0次

我们使用Dialog来实现中间弹框和底部弹框两种效果

第一种:底部弹框
效果如下图:

787123ab-5fe6-4b12-95ef-6f00e8ebc609.gif

1、定义DemoDialog,继承Dialog

public class DemoDialog extends Dialog {
    DemoDialogClickCallback demoDialogClickCallback;
    Context context;
    String title;
    String content;

    public DemoDialog(@NonNull Context context, String title, String content,DemoDialogClickCallback demoDialogClickCallback) {
        super(context);
        this.context = context;
        this.content = content;
        this.title = title;
        this.demoDialogClickCallback=demoDialogClickCallback;
    }

    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.dialog_demo);
        Window window = getWindow();
        window.setBackgroundDrawable(new ColorDrawable(Color.TRANSPARENT));

        //底部弹框效果
        window.setLayout(ViewGroup.LayoutParams.MATCH_PARENT, ViewGroup.LayoutParams.WRAP_CONTENT);
        window.setGravity(Gravity.BOTTOM);
        window.setWindowAnimations(R.style.animate_dialog);

        //中间弹框效果
//        window.setLayout(ViewGroup.LayoutParams.WRAP_CONTENT, ViewGroup.LayoutParams.WRAP_CONTENT);
//        window.setGravity(Gravity.CENTER);

        TextView titleView=findViewById(R.id.title);
        TextView contentView=findViewById(R.id.content);
        Button  buttonView=findViewById(R.id.i_know);

        buttonView.setOnClickListener(new View.OnClickListener() {
            @Override
            public void onClick(View view) {
                demoDialogClickCallback.iKonw();
            }
        });

        titleView.setText(this.title);
        contentView.setText(this.content);


        setCanceledOnTouchOutside(false);
    }

    public interface DemoDialogClickCallback {
        public void iKonw();
    }

}

2、设置弹框的入场出场动画 animate_dialog

    <style name="animate_dialog">
        <item name="android:windowEnterAnimation">@anim/anim_bottom_in</item>
        <item name="android:windowExitAnimation">@anim/anim_bottom_out</item>
    </style>

3、调用方法

 demoDialog = new DemoDialog(this, "小区公告", "今天晚上在惠民广场,红星乐队惊艳演出,同志们都来参见!!", new DemoDialog.DemoDialogClickCallback() {
            @Override
            public void iKonw() {
                demoDialog.dismiss();
            }
        });
        demoDialog.show();

第二种:中间弹框
效果如下:

ab02fb39-658f-4f59-865b-21ee042dc4d4.gif
弹框位置控制的关键属性
把  
 window.setGravity(Gravity.BOTTOM);
改成
window.setGravity(Gravity.CENTER);
即可实现

相关文章

  • android dialog

    参考于:Android之Dialog详解 7种形式的Android Dialog使用举例 (一)概述 andro...

  • Dialog使用详解

    我们使用Dialog来实现中间弹框和底部弹框两种效果 第一种:底部弹框效果如下图: 1、定义DemoDialog,...

  • Android Dialog使用详解

    对话框是提示用户作出决定或输入额外信息的小窗口,通常不会填充整个屏幕,用于进行一些额外交互 Dialog 类是对话...

  • Dialog 使用方法详解

    Dialog 是Android 常用控件之一,主要以弹出框的形式与用户进行交互。对话框是提示用户作出决定或输入额外...

  • Dialog

    安卓dialog的使用+如何自定义dialog自定义Dialog自定义Dialog 自定义

  • 深入理解相机五(硬件抽象层HAL)

    一、Android 基础学习 Activity 使用详解 Service 使用详解 Broadcast 使用详解 ...

  • Android 原生Dialog的基本使用详解

    前言 项目中为了方便交互,及用户体验等方面的原因,不少地方会用到Dialog,网上有很多非常优秀的自定义的Dial...

  • 使用kotlin自定义dialog详解

    ``` /** * author:CQ * Date:2020-04-09 * Description:调拨出入库...

  • Dialog使用

    0、创建Dialog时报错 android.view.WindowManager$BadTokenExceptio...

  • 全局遮挡弹窗(自定义)

    【1】Dialog 【布局文件】 【使用】

网友评论

      本文标题:Dialog使用详解

      本文链接:https://www.haomeiwen.com/subject/mflirftx.html