您当前的位置: 首页 >  ZhangJiQun&MXP

好用的dialog工具类,单例实现,普通的Dialog和Textview设置Int型

ZhangJiQun&MXP 发布时间:2019-05-15 18:17:24 ,浏览量:5

好用的dialog工具类,单例实现

首先:

dependencies {
    	compile 'com.superluo:dialog:1.0.1'
}

调用:

(1)简单调用:

new CustomDialog.Builder(this)
                .view(R.layout.xxx)
                .build()
                .show();

(2)使用addViewOnclick(viewId, listener)方法添加view的点击监听:

new CustomDialog.Builder(this)
                .view(R.layout.xxx)
                .addViewOnclick(R.id.xxx,listener)
                .build()
                .show();

(3)使用cancelTouchout(boolean)方法设置是否点击dialog背景取消dialog (默认为true):

new CustomDialog.Builder(this)
                .view(R.layout.xxx)
                .addViewOnclick(R.id.xxx,listener)
                .cancelTouchout(false)
                .build()
                .show();

(4)使用setDialogAnim(R.style.xxx)方法设置dialog进出动画:

new CustomDialog.Builder(this)
                .view(R.layout.xxx)
                .addViewOnclick(R.id.xxx,listener)
                .cancelTouchout(false)
                .setDialogAnim(R.style.xxx)
                .build()
                .show();

(5)使用setDialogPosition(position)方法设置dialog在屏幕的显示位置 (默认为屏幕中间):

new CustomDialog.Builder(this)
                .view(R.layout.xxx)
                .addViewOnclick(R.id.xxx,listener)
                .cancelTouchout(false)
                .setDialogAnim(R.style.xxx)
                .setDialogPosition(xxx)
                .build()
                .show();

(6)设置dialog宽高,默认宽为屏幕的0.7,高为包裹内容。下面提供了几种设置宽高的方法(调用方法如上):

setHeightPX(int val)//用px设置dialog高度
setWidthPX(int val)//用px设置dialog宽度

setHeightDP(int val)//用dp设置dialog高度
setWidthDP(int val)//用dp设置dialog宽度

setHeightDimenRes(int dimenRes)//用dimen设置dialog高度
setWidthDimenRes(int dimenRes)//用dimen设置dialog宽度

(7)使用cancel()方法取消dialog显示:

CustomDialog dialog = new CustomDialog.Builder(this)
                .view(R.layout.xxx)
                .addViewOnclick(R.id.xxx,listener)
                .cancelTouchout(false)
                .setDialogAnim(R.style.xxx)
                .setDialogPosition(xxx)
                .build();
                
        //dialog显示
        dialog.show();
        //取消dialog显示
        dialog.cancel();

(8)最后还可以使用获取控件实例的方法,以便在代码里设置控件的文本属性;

dialog = new CustomDialog.Builder(this)
              .view(R.layout.dialog_custom_view1)
              .addViewOnclick(R.id.tv_cancel,listener)
              .addViewOnclick(R.id.tv_update,listener)
              .build();
      //代码设置view属性
      TextView tv_title = dialog.findView(R.id.tv_title);
      TextView tips = dialog.findView(R.id.tv_tips);
      TextView tv_update = dialog.findView(R.id.tv_update);
      tv_title.setText("辞职信");
      tips.setText("由于程序猿这行业是高危行业,所以我决定明天就向老板申请离职,毕竟世界那么大,我还想活着去看看");
      tv_update.setText("立即辞职");

      dialog.show();

 

好用的dialog工具类,单例实现

public class SelfDialog extends AlertDialog {
    //调用
    // SelfDialog.getInstanceYesAndNo(MainActivity.this,"提示","确定导出数据","确定","取消")

    private String mTitle;
    private String mContent;
    private String mYes;
    private String mNo;
    private Context mContxt;
    private static SelfDialog mInstance;

    /**
     * 获取单例引用
     *
     * @param context
     * @return
     */
    public static SelfDialog getInstance(Context context) {
        if (mInstance == null) {
            synchronized (DBManager.class) {
                if (mInstance == null) {
                    mInstance = new SelfDialog(context);
                }
            }
        }
        return mInstance;
    }
    public SelfDialog(Context context,String mTitle,String mContent,String mYes,String mNo) {
        super(context);
        this.mContxt=context;
        this.mContent=mContent;
        this.mTitle=mTitle;
        this.mYes=mYes;
        this.mNo=mNo;
    }
    public static SelfDialog getInstanceYesAndNo(Context context,String mTitle,String mContent,String mYes,String mNo) {
        if (mInstance == null) {
            synchronized (SelfDialog.class) {
                if (mInstance == null) {
                    mInstance = new SelfDialog(context, mTitle,mContent ,mYes,mNo );
                }
            }
        }
        return mInstance;
    }
    public SelfDialog(Context context,String mTitle,String mContent,String mYes) {
        super(context);
        this.mContent=mContent;
        this.mTitle=mTitle;
        this.mYes=mYes;
    }
    public static SelfDialog getInstanceYes(Context context,String mTitle,String mContent,String mYes) {
        if (mInstance == null) {
            synchronized (SelfDialog.class) {
                if (mInstance == null) {
                    mInstance = new SelfDialog(context, mTitle,mContent ,mYes );
                }
            }
        }
        return mInstance;
    }
    public void buildYesAndNoDialog(){
        AlertDialog.Builder builder = new AlertDialog.Builder(mContxt);
        builder.setTitle(mTitle);
        builder.setMessage(mContent);
        builder.setNegativeButton(mYes, new DialogInterface.OnClickListener() {
            @Override
            public void onClick(DialogInterface dialog, int which) {
                Toast.makeText(mContxt, mNo, Toast.LENGTH_SHORT).show();
            }
        });
        builder.setPositiveButton(mYes, new DialogInterface.OnClickListener() {
            @Override
            public void onClick(DialogInterface dialog, int which) {
                Toast.makeText(mContxt, mYes, Toast.LENGTH_SHORT).show();
            }
        });
        AlertDialog dialog = builder.create();
        dialog.show();
    }
    public void buildYesDialog(){
        AlertDialog.Builder builder = new AlertDialog.Builder(mContxt);
        builder.setTitle(mTitle);
        builder.setMessage(mContent);
        builder.setPositiveButton(mYes, new DialogInterface.OnClickListener() {
            @Override
            public void onClick(DialogInterface dialog, int which) {
                Toast.makeText(mContxt, mYes, Toast.LENGTH_SHORT).show();
            }
        });
        AlertDialog dialog = builder.create();
        dialog.show();
    }

    protected SelfDialog(Context context) {
        super(context);
    }
    
}
补:

Textview设置Int型

int a=1;
mTextview.setText(a+"");

AlertDialog
AlertDialog.Builder builder = new AlertDialog.Builder(MainActivity.this);
builder.setTitle("普通的对话框的标题");
builder.setMessage("这是一个普通的对话框的内容");
builder.setNegativeButton("取消", new DialogInterface.OnClickListener() {
@Override
public void onClick(DialogInterface dialog, int which) {
Toast.makeText(MainActivity.this, "取消", Toast.LENGTH_SHORT).show();
}
});
builder.setPositiveButton("确定", new DialogInterface.OnClickListener() {
@Override
public void onClick(DialogInterface dialog, int which) {
Toast.makeText(MainActivity.this, "确定", Toast.LENGTH_SHORT).show();
// System.exit(0);//退出应用
}
});
AlertDialog dialog = builder.create();
dialog.show();

 

修改普通对话框的位置、大小、透明度
主要是在普通的dialog.show() 下面加上如下代码

//放在show()之后,不然有些属性是没有效果的,比如height和width
Window dialogWindow = dialog.getWindow();
WindowManager m = getWindowManager();
Display d = m.getDefaultDisplay(); // 获取屏幕宽、高用
WindowManager.LayoutParams p = dialogWindow.getAttributes(); // 获取对话框当前的参数值
//设置高度和宽度
p.height = (int) (d.getHeight() * 0.4); // 高度设置为屏幕的0.6
p.width = (int) (d.getWidth() * 0.6); // 宽度设置为屏幕的0.65
//设置位置
p.gravity = Gravity.BOTTOM;
//设置透明度
p.alpha = 0.5f;
dialogWindow.setAttributes(p);

在这里,设置dialog的高为屏幕的高度的4/10,宽为屏幕宽带的6/10,同事位置为底部,透明度为半透明。当然还有很多其他属性,这里暂不介绍,你们可以自己试一试。效果如下: 


使用普通的dialog来添加自定义布局
我们需自定义一个布局,如下:


   

我们这里新建了一个布局设置高度和宽度为100dp,线性布局里面包裹了一个TextView,布局很简单,当然也可以自定义一个复杂的布局,这里就不介绍了。来看看java代码的实现。

// 使用普通的dialog来添加自定义布局
findViewById(R.id.btn_custom2).setOnClickListener(new View.OnClickListener() {
    @Override
    public void onClick(View v) {
        AlertDialog.Builder builder = new AlertDialog.Builder(MainActivity.this);
        builder.setView(R.layout.dialog_custom1);
        AlertDialog dialog = builder.create();
        dialog.show();
    }
});
我们直接把我们的布局通过builder设置进去,看看效果: 


这里的Dialog非常丑,这是与AlertDialog的默认主题有关,下面我们通过自定义主题来改变对话框的样式来使对话框变得漂亮。 
在values/styles.xml自定义样式继承android:Theme.Dialog来实现自己的样式


   
    @android:color/transparent
   
    false
   
    true
   
    true
   
    false
   
    0.5

这里样式的属性都有注释,没种样式不是必须的,你可以自己试着改变一些值来查看效果以便达到自己的最佳效果。 
在创建dialog的时候将样式传过去

AlertDialog.Builder builder = new AlertDialog.Builder(MainActivity.this,R.style.MyCommonDialog);
1
现在的效果如下: 
 
可以看的我们的布局的高度和宽带还是没效果,我们知道子空间的布局一般由布局来测量的于是我想到给这个布局的最外层套一个布局,看能不能达到我们的效果。 
修改dialog_custom1.xml布局如下:


   

       
   


再次运行如下: 


达到我们想要的效果了,这样你就可以引入样式和自定义布局实现各种对话框的效果了。

继承Dialog来实现Dialog
通过继承Dialog来实现自定义的Dialog,这样我们就可以在任何地方直接new我们的Dialog就可以实现特定的对话框了。 
1.在values/styles.xml新建一个样式MyDialog


   
    @android:color/transparent
   
    false
   
    true
   
    true
   
    false
   
    0.5


2.新建一个MyDialog继承Dialog

public class MyDialog extends Dialog {
    //在构造方法里预加载我们的样式,这样就不用每次创建都指定样式了
    public MyDialog(Context context) {
        this(context, R.style.MyDialog);
    }

    public MyDialog(Context context, int themeResId) {
        super(context, themeResId);
    }

    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        // 预先设置Dialog的一些属性
        Window dialogWindow = getWindow();
        WindowManager.LayoutParams p = dialogWindow.getAttributes(); 
        p.x = 0;
        p.y = 100;
        p.gravity = Gravity.LEFT | Gravity.TOP;
        dialogWindow.setAttributes(p);
    }
}

/*来自:互联网,忘记出处,请看到与我联系 
* lp.x与lp.y表示相对于原始位置的偏移. 
* 当参数值包含Gravity.LEFT时,对话框出现在左边,所以lp.x就表示相对左边的偏移,负值忽略. 
* 当参数值包含Gravity.RIGHT时,对话框出现在右边,所以lp.x就表示相对右边的偏移,负值忽略. 
* 当参数值包含Gravity.TOP时,对话框出现在上边,所以lp.y就表示相对上边的偏移,负值忽略. 
* 当参数值包含Gravity.BOTTOM时,对话框出现在下边,所以lp.y就表示相对下边的偏移,负值忽略. 
* 当参数值包含Gravity.CENTER_HORIZONTAL时,对话框水平居中,所以lp.x就表示在水平居中的位置移动 
* lp.x像素,正值向右移动,负值向左移动. 
* 当参数值包含Gravity.CENTER_VERTICAL时,对话框垂直居中,所以lp.y就表示在垂直居中的位置移动lp.y像 
* 素,正值向右移动,负值向左移动. 
* gravity的默认值为Gravity.CENTER,即Gravity.CENTER_HORIZONTAL | Gravity.CENTER_VERTICAL 
*/ 
这里对window的一些参数进行了解释,我把对话框设置的离左上角离顶部100px的位置。

3.使用MyDialog 
自定义布局dialog_custom2.xml


   

       

       

       
   


java代码

//继承Dialog来实现Dialog
findViewById(R.id.btn_custom3).setOnClickListener(new View.OnClickListener() {
    @Override
    public void onClick(View v) {
        MyDialog dialog = new MyDialog(MainActivity.this);
        dialog.setContentView(R.layout.dialog_custom2);
        dialog.show();
    }
});

4.查看效果: 


给Dialog设置动画
1.新建动画文件 


进入动画dialog_enter.xml






退出动画dialog_exit.xml



   


2.在values/styles.xml中新建样式


   
    @android:color/transparent
   
    false
   
    true
   
    true
   
    true
   
    0.5
   
    @style/dialog_animation



    @anim/dialog_enter
    @anim/dialog_exit


主要是给android:windowAnimationStyle指定我们新建的动画即可,引用和前面一样,这里就给出了,

3.查看效果 


继承Dialog来实现底部弹出Dialog
自定义MyBottomDialog

public class MyBottomDialog extends Dialog {
    public MyBottomDialog(Context context) {
        this(context, R.style.MyAnimDialog);
    }

    public MyBottomDialog(Context context, int themeResId) {
        super(context, themeResId);
        //加载布局并给布局的控件设置点击事件
        View contentView = getLayoutInflater().inflate(R.layout.dialog_custom3, null);
        contentView.findViewById(R.id.tv_1).setOnClickListener(new View.OnClickListener() {
            @Override
            public void onClick(View v) {
                Toast.makeText(getContext(), "你好", Toast.LENGTH_SHORT).show();
            }
        });
        super.setContentView(contentView);
    }

    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        // 预先设置Dialog的一些属性
        Window dialogWindow = getWindow();
        WindowManager.LayoutParams p = dialogWindow.getAttributes();
        WindowManager m = getWindow().getWindowManager();
        Display d = m.getDefaultDisplay();
        getWindow().setAttributes(p);
        p.height = (int) (d.getHeight() * 0.6);
        p.width = d.getWidth();
        p.gravity = Gravity.LEFT | Gravity.BOTTOM;
        dialogWindow.setAttributes(p);
    }
}

在onCreate方法里指定的Dialog的高度和宽度

布局dialog_custom3.xml


   

       

       

       
   


使用是方法是一样的

//继承Dialog来实现底部弹出Dialog
findViewById(R.id.btn_custom5).setOnClickListener(new View.OnClickListener() {
    @Override
    public void onClick(View v) {
        MyBottomDialog dialog = new MyBottomDialog(MainActivity.this);
        dialog.show();
    }
});

这里就不用设置布局了,因为我们在MyBottomDialog的构造方法里已经预加载了布局并设置了点击事件 
查看效果: 


自定义仿Meun的弹出Dialog
MyMenuDialog的代码

public class MyMenuDialog extends Dialog {
    public MyMenuDialog(Context context) {
        this(context, R.style.MyDialog);
    }

    public MyMenuDialog(Context context, int themeResId) {
        super(context, themeResId);
    }

    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        // 预先设置Dialog的一些属性
        Window dialogWindow = getWindow();
        WindowManager.LayoutParams p = dialogWindow.getAttributes(); // 获取对话框当前的参数值
        //获取屏幕的高度和宽带
        WindowManager m = getWindow().getWindowManager();
        Display d = m.getDefaultDisplay();
        DisplayMetrics outMetrics = new DisplayMetrics();
        d.getMetrics(outMetrics);
        //设置WindowManager.LayoutParams
//        p.height = (int) (outMetrics.heightPixels * 0.6);
//        p.width = (int) (outMetrics.widthPixels * 0.4);
        //根据s随意来的高度来设置x轴偏移量
        p.x = (int) (15 * outMetrics.density);
        //根据Title的高度来设置y轴偏移量
        p.y = (int) (45 * outMetrics.density);
        p.gravity = Gravity.RIGHT | Gravity.TOP;
        dialogWindow.setAttributes(p);
    }
}

使用就不介绍了,这里主要是利用WindowManager.LayoutParams的x、y、gravity来实现的,当然可以自定义Dialog的弹出动画就可以实现一个菜单对话框了。

效果如下: 


基本上Dialog的实现了这些效果应该能满足大部分项目的需求,至于以下复杂的,想带有ListView、GridView的Dialog等等都可以通过自定义Dialog来继承Dialog来实现,都是依葫芦画瓢就可以了,以后遇到什么再来补充。
 

关注
打赏
查看更多评论

ZhangJiQun&MXP

暂无认证

  • 5浏览

    0关注

    1083博文

    0收益

  • 0浏览

    0点赞

    0打赏

    0留言

私信
关注
热门博文
立即登录/注册

微信扫码登录