《Android自定义控件》——打造各种Dialog

      这里主要做的就是想让你可以进行各种Dialog的显示功能,如果想要各种不同样式的就可以进行配置不同的文件设置。这里主要做的就是一个集成大部分功能的一个BaseDialog。

这里先放一个效果图:

《Android自定义控件》——打造各种Dialog_第1张图片
显示效果图

首先要定义一个主要抽象类的BaseDialog,其他的自定义形式的Dialog都是基于BaseDialog进行实现的。

第一步——实现接口DialogInterface.OnKeyListener来对手机back键以及search键的屏蔽,防止这些操作对Dialog进行关闭。

public abstract class BaseDialog extends Dialog implements DialogInterface.OnKeyListener{

@Override

public booleanonKey(DialogInterface dialog,intkeyCode, KeyEvent event) {

//event.getRepeatCount()方法是点击返回键多次  返回back键进行屏蔽

if(keyCode==KeyEvent.KEYCODE_BACK&&event.getRepeatCount()==0){

return  true;

}else if(keyCode==KeyEvent.KEYCODE_SEARCH){

return  true;

}

return false;

}

}

定义是否屏蔽手机back键等等的操作。

// 即点击屏蔽其它地方隐藏

protected void setCanClose(){

setCanceledOnTouchOutside(true);

this.setOnKeyListener(null);

}

// 即点击屏蔽其它地方不隐藏

protected void setNoCanClose(){

setCanceledOnTouchOutside(false);

this.setOnKeyListener(this);

}

第二步 ——对继承的Dialog方法构造方法的的重写初步对整个Dialog的设置

先通过xml的Style对Dialog的基本设置进行配置

《Android自定义控件》——打造各种Dialog_第2张图片
Style配置位置
《Android自定义控件》——打造各种Dialog_第3张图片
Dialog自定义样式

public BaseDialog(@NonNull Context context) {

super(context,R.style.InputDialogStyle);

onInit();

}

public BaseDialog(@NonNull Context context,@StyleRes int themeResId) {

super(context, R.style.InputDialogStyle);

onInit();

}

protected BaseDialog(@NonNull Context context,boolean cancelable,@Nullable OnCancelListener cancelListener) {

super(context, cancelable, cancelListener);

onInit();

}

第三步对窗口管理器的获取以及onCreat方法的抽象方法

protected WindowManager windowManager;

protected  void onInit(){

//获取手机窗口的管理器

windowManager= (WindowManager) getContext().getSystemService(Context.WINDOW_SERVICE);

//取消掉窗口标题

requestWindowFeature(Window.FEATURE_NO_TITLE);

//整个界面的布局

getWindow().setLayout(WindowManager.LayoutParams.MATCH_PARENT,WindowManager.LayoutParams.MATCH_PARENT);

//默认窗口能关闭

setCanClose();

init();

}

//需要设置window的抽象方法

protected abstract void init();


onCreat的抽象方法,这是让继承的自定义Dialog可以进行页面的布局以及事件的处理

protected abstract void onCreatView();

@Override

protected void onCreate(Bundle savedInstanceState) {

super.onCreate(savedInstanceState);

requestWindowFeature(Window.FEATURE_NO_TITLE);

onCreatView();

}

第四步显示时的页面布局动画等等效果的处理

基本上dialog出来的动画可以分成三种:

1.从顶部弹出

2.从中间弹出

3.从底部弹出

那么就开始代码的实现吧。

首先当然需要进行Dialog的弹出和消失的动画的实现。

《Android自定义控件》——打造各种Dialog_第4张图片
动画文件配置位置

其次定义相关的需要的动画,然而这个可以进行自己需求进行设计。这里只是简单的动画操作。

这里举个简单的例子底部弹出主需要进行位移动画让

Dialog的弹出

android:fromYDelta="100%p"     

android:duration="600"/>

Dialog的消失

android:toYDelta="100%p"

android:duration="600"/>

其他比如中间弹出和顶部的弹出动画就不多描述了,很简单。

接着需要在style中定义完成的动画

《Android自定义控件》——打造各种Dialog_第5张图片
底部Dialog弹出效果

最后就是进行代码的主要分别top bottom以及middle的操作了。

第一一个枚举可以对几个样式的 type 定义,这就不解释了,不懂请自行百度枚举。

//对动画的枚举进行设置

protected enum AnimType{

/**

* 顶部弹出

*/

Top(0),

/**

* 底部弹出

*/

Bottom(1),

/**

* 中间弹出

*/

Middle(2);

/**

* 顶部

*/

int type;

AnimType(inti) {

this.type=i;

}

}

重写show()方法里面每条代码都进行了注释,只要慢慢看都会明白。

@Override

public void show() {

super.show();

Window window=getWindow();

//获取窗体的宽高,这里主要是为了方式对话框超过手机的状态栏,对齐顶部的位置进行设置

Rect rect=newRect();

window.getDecorView().getWindowVisibleDisplayFrame(rect);

if(rect.top==0){

rect.top= getContext().getResources().getDimensionPixelSize(getContext().getResources().getIdentifier("status_bar_height","dimen","android"));

}

//设置对话框弹出的动画的选择

AnimType anim=showAnim();

if(anim==AnimType.Top){

window.setWindowAnimations(R.style.Dialog_Top);

}else if(anim==AnimType.Bottom){

window.setWindowAnimations(R.style.Dialog_Bottom);

}else if(anim==AnimType.Middle){

window.setWindowAnimations(R.style.Dialog_Middle);

}

//设置背景颜色

window.setBackgroundDrawable(new ColorDrawable(0));

//设置全屏

//让该window后所有的东西都成暗淡(dim)dimAmount设置变暗程度

window.addFlags(WindowManager.LayoutParams.FLAG_DIM_BEHIND);

WindowManager.LayoutParams layoutParams = window.getAttributes();

layoutParams.dimAmount=0.5f;

layoutParams.horizontalMargin=0;

//设置显示的位置

if(anim==AnimType.Top){

layoutParams.gravity= Gravity.TOP;

}else if(anim==AnimType.Bottom){

layoutParams.gravity= Gravity.BOTTOM;

}else if(anim==AnimType.Middle){

layoutParams.gravity= Gravity.CENTER;

}

//获取手机屏幕的大小

DisplayMetrics displayMetrics=new DisplayMetrics();

windowManager.getDefaultDisplay().getMetrics(displayMetrics);

layoutParams.width=displayMetrics.widthPixels;

//如果还想修改布局可以在这个方法里进行

onSetLayoutParam(layoutParams,rect);

window.setAttributes(layoutParams);

}

这样一个基本的BaseDialog就完成了,那么接下来就是进行一个简单的例子操作了。

最简单的一个进度条Dialog的实现啦:

如果这里进度条有什么不明白的请看

《Android自定义控件》——带有百分比数字的渐变颜色进度条

首先进行一个xml文件设置ProgressDialog的布局process_layout_bar.xml

《Android自定义控件》——打造各种Dialog_第6张图片
process_layout_bar的布局

public class ProgressDialog extends BaseDialog {

private ProgressWithNum progressBarWithNumber;

private TextView textView;

private String title;

publicProgressDialog(@NonNullContext context) {

super(context);

}

//选择可以点击back键外界取消Dialog,如果不想可以设置为setNoCanClose();

@Override

protected void init() {

setCanClose();

}

//基本的xml文件布局的设置

@Override

protected void onCreatView() {

setContentView(R.layout.process_layout_bar);

progressBarWithNumber= (ProgressWithNum) findViewById(R.id.id_progressbar01);

textView= (TextView) findViewById(R.id.id_text_view);

textView.setText(this.title);

}

//Dialog动画以及显示位置的选择

@Override

protected AnimType showAnim() {

return AnimType.Middle;

}

//这里是对进度条的最大百分比设置一般为100

public void setMax(int max){

progressBarWithNumber.setMax(max);

}

//这里是对进度条的百分比设置一般为0-100

public void setValue(int value){

progressBarWithNumber.setProgress(value);

}

//进行标题文字的设置

public void setText(String text){

this.title=text;

}

}

最后剩下的就是在Activity中进行显示了。点击按钮进行Dialog的实现,xml文件就不放出来就是一个按钮Button

Button button= (Button) findViewById(R.id.btn);

final Context context=this;

button.setOnClickListener(newView.OnClickListener() {

@Override

public void onClick(View v) {

if(hasWindowFocus()) {

ProgressDialog processDialog =null;

if(processDialog ==null) {

processDialog=newProgressDialog(context);

processDialog.setText("ssssss");

}

processDialog.show();

processDialog.setMax(100);

processDialog.setValue(50);

}

}

});

你可能感兴趣的:(《Android自定义控件》——打造各种Dialog)