自定义Dialog弹框和其背景阴影显示方法

2023-09-09 17:32:07 74

昨天研究了一下自定义Dialog的弹框，其实要点都是把自定义好的view用setContentView(view)的方法设置进dialog里，首先我们先看一个简单的自定义Dialog。

一、写布局文件：custom_dialog_layout.xml(这个布局就是一个简单的提示内容，下面有一个确定的按钮，请参看评论中的效果图)

写好布局文件后，由于布局直角不好看，我们可以设置边框为圆角的shape,写入，代码如下：dialog_content_white_with_radius

二、写自定义Dialog类继承自Dialog:

/**[Description]
*只有确认button
*[Howtouse]
*
*[Tips]
*
*Createdbylan.zhengon2017/7/2518:26.
*/

publicclassSureClickDialogextendsDialog{
privateListenermListener;

publicSureClickDialog(Contextcontext){
super(context);
}

publicSureClickDialog(Contextcontext,Stringcontent,Listenerlistener){
super(context,R.style.custom_dialog_style);
mListener=listener;
ViewcontentView=LayoutInflater.from(context).inflate(R.layout.dialog_have_been_sign_section_show,null);
TextViewcontentTextView=(TextView)contentView.findViewById(R.id.dialog_content_text);
contentTextView.setText(content);
TextViewsureButton=(TextView)contentView.findViewById(R.id.tv_sure);

//消失监听
this.setOnDismissListener(newOnDismissListener(){
@Override
publicvoidonDismiss(DialogInterfacedialog){
mListener.onDialogDismissListener();
}
});
//确认
sureButton.setOnClickListener(newView.OnClickListener(){
@Override
publicvoidonClick(Viewv){
dismiss();
mListener.onSureListerner();
}
});
setContentView(contentView);
}

publicinterfaceListener{
voidonDialogDismissListener();
voidonSureListerner();
}
}

这里我们只监听弹框消失和点击确定的按钮，好了基本工作到这里完成了，最后就是设置样式style，一般弹框背景都是半透明的遮罩：


@null
true
false
true
true
@color/transparent
10dp

这样就完成了一个背景半透明的弹框了。

设置true能实现半透明，但是如果有特殊的背景要求那就不能满足了，此时通过查询发现，可以重写下面这个函数进行把整个你自定义的布局全屏显示。

@Override
publicvoidshow(){
super.show();
/**
*设置宽度全屏，要设置在show的后面
*/
WindowManager.LayoutParamslayoutParams=getWindow().getAttributes();
layoutParams.width=ViewGroup.LayoutParams.MATCH_PARENT;
layoutParams.height=ViewGroup.LayoutParams.MATCH_PARENT;
getWindow().getDecorView().setPadding(0,0,0,0);
getWindow().setAttributes(layoutParams);
}

发现是生效的，我布局中的背景是成功的应用上了，但是发现点击外围却不能让弹框消失，这是因为你的弹框已经是全屏了，所以在屏幕上就没有所谓的弹框外围了，这时候我们可以自己去监听点击事件，我们来重写一下自定义Dialog类：

/**
*[Description]
*只有确认button
*[Howtouse]
*newSureClickDialog()
*[Tips]
*isClickOutsideCanDismiss必须给值，true表示可点击外围消失，false表示不能
*Createdbylan.zhengon2017/7/2518:26.
*/

publicclassSureClickDialogextendsDialog{
privateListenermListener;

publicSureClickDialog(Contextcontext){
super(context);
}

publicSureClickDialog(Contextcontext,Stringcontent,booleanisClickOutsideCanDismiss,Listenerlistener){
super(context,R.style.custom_dialog_style);
mListener=listener;
ViewcontentView=LayoutInflater.from(context).inflate(R.layout.dialog_have_been_sign_section_show,null);
LinearLayoutlinearLayout=(LinearLayout)contentView.findViewById(R.id.content_layout);//自定义布局的最外层
linearLayout.setBackgroundColor(context.getResources().getColor(R.color.half_transparent));
linearLayout.setOnClickListener(newView.OnClickListener(){//为其设置自定义点击监听
@Override
publicvoidonClick(Viewv){
if(isClickOutsideCanDismiss){
dismiss();
}
}
});
TextViewcontentTextView=(TextView)contentView.findViewById(R.id.dialog_content_text);
contentTextView.setText(content);
TextViewsureButton=(TextView)contentView.findViewById(R.id.tv_sure);

//消失监听
this.setOnDismissListener(newOnDismissListener(){
@Override
publicvoidonDismiss(DialogInterfacedialog){
mListener.onDialogDismissListener();
}
});
//确认
sureButton.setOnClickListener(newView.OnClickListener(){
@Override
publicvoidonClick(Viewv){
dismiss();
mListener.onSureListerner();
}
});
setContentView(contentView);
}

@Override
publicvoidshow(){
super.show();

WindowManager.LayoutParamslayoutParams=getWindow().getAttributes();
layoutParams.width=ViewGroup.LayoutParams.MATCH_PARENT;
layoutParams.height=ViewGroup.LayoutParams.MATCH_PARENT;
getWindow().getDecorView().setPadding(0,0,0,0);
getWindow().setAttributes(layoutParams);
}


publicinterfaceListener{
voidonDialogDismissListener();
voidonSureListerner();
}
}

OK，关于弹框的就写到这里啦，自定义的功能十分丰富和具有可塑性，有兴趣的可以研究一下。

以上这篇自定义Dialog弹框和其背景阴影显示方法就是小编分享给大家的全部内容了，希望能给大家一个参考，也希望大家多多支持毛票票。

自定义Dialog弹框和其背景阴影显示方法

热门推荐

随机推荐