自定义Dialog提示框高仿QQ浏览器版本更新提示框

前言:
真的好久没有写博客了,时光匆匆,我总感觉自己忙忙碌碌似的,静想片刻确实是挺忙的,但是在繁忙当中却缺少了总结归纳,相信大家都知道总结归纳的重要性了,今天我要和大家分享我的自定义Dialog提示框,仿QQ浏览器版本更新提示框,查看其源码可知Dialog是对话框的基类,Dialog在开发中是非常常见的,Android系统为我们提供的样式有时却不能满足我们的需求,所以这时就需要我们去自定义了。
一、自定义对话框样式:
在styles.xml中



其解释为:WindowBackground为透明,因为要用到自定义的布局,所以必须要把系统的背景颜色设置为透明;WindowNoTitle为true,设置为无标题,因为布局完全是自己自定义的了,WindowIsFloating为true,浮于其他界面之上。好了,这样就简单设置了自定义对话框的样式了。

二、自定义对话框布局:


 
    

     

      

        

        

            

              

            
          

效果图仿QQ浏览器版本更新的布局。

三、创建Dialog,并关联自定义的样式和布局:

final Dialog customDialog = new Dialog(this, R.style.Dialog);
View dialogView = LayoutInflater.from(this).inflate(R.layout.dialog_custom, null);
TextView btn_update = (TextView) dialogView.findViewById(R.id.tv_update);
TextView btn_cancel = (TextView) dialogView.findViewById(R.id.tv_cancel);
//将自定义布局加载到dialog上
customDialog.setContentView(dialogView);
btn_cancel.setOnClickListener(new View.OnClickListener() {
 @Override 
public void onClick(View v) {
     customDialog.cancel();
 }
});
btn_update.setOnClickListener(new View.OnClickListener() { 
@Override
 public void onClick(View v) {
     Toast.makeText(MainActivity.this, "点击了确定", Toast.LENGTH_SHORT).show();
 }
});
//设置点击dialog外是否可以取消
customDialog.setCancelable(false);
customDialog.show();

到这里就完成了自定义Dialog了,最后还不完美,还可以设置Dialog的显示大小和位置,如所示代码:

//获得dialog的window窗口
Window window = customDialog.getWindow();
//设置dialog在屏幕中间
window.setGravity(Gravity.CENTER);
//获得window窗口的属性
WindowManager.LayoutParams lp = window.getAttributes();
//设置窗口高度为包裹内容
lp.height = WindowManager.LayoutParams.WRAP_CONTENT;
//宽度设置为屏幕的0.7
Display defaultDisplay = getWindowManager().getDefaultDisplay();
lp.width = (int) (defaultDisplay.getWidth() * 0.7);
//将设置好的属性set回去
window.setAttributes(lp);

这里我把Dialog居中(Gravity.CENTER)显示了,当然还可以显示在底部等其他位置;然后就是显示宽和高了,当然要先获取屏幕的窗口大小才能设置其宽高。

自定义Dialog对话框差不多就是这样了,最后就看看效果图吧!


自定义Dialog提示框高仿QQ浏览器版本更新提示框_第1张图片

自定义Dialog提示框高仿QQ浏览器版本更新提示框_第2张图片

最后加上本案例的demo地址: https://gitee.com/zsml/CustomDialog

支持我的话可以关注下我的公众号,也欢迎大家投稿~
扫一扫关注我的微信公众号:程序猿在广东

自定义Dialog提示框高仿QQ浏览器版本更新提示框_第3张图片
my二维码.jpg

你可能感兴趣的:(自定义Dialog提示框高仿QQ浏览器版本更新提示框)