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

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

这里先放一个效果图:

显示效果图

首先要定义一个主要抽象类的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的基本设置进行配置

Style配置位置
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的弹出和消失的动画的实现。

动画文件配置位置

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

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

Dialog的弹出

<!--%p指相对于父容器  duration表示动画的时间 -->

<translate

android:fromYDelta="100%p"     

android:duration="600"/>

Dialog的消失

<translate

android:toYDelta="100%p"

android:duration="600"/>

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

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

底部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

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);

}

}

});

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
  • 序言:七十年代末,一起剥皮案震惊了整个滨河市,随后出现的几起案子,更是在滨河造成了极大的恐慌,老刑警刘岩,带你破解...
    沈念sama阅读 211,639评论 6 492
  • 序言:滨河连续发生了三起死亡事件,死亡现场离奇诡异,居然都是意外死亡,警方通过查阅死者的电脑和手机,发现死者居然都...
    沈念sama阅读 90,277评论 3 385
  • 文/潘晓璐 我一进店门,熙熙楼的掌柜王于贵愁眉苦脸地迎上来,“玉大人,你说我怎么就摊上这事。” “怎么了?”我有些...
    开封第一讲书人阅读 157,221评论 0 348
  • 文/不坏的土叔 我叫张陵,是天一观的道长。 经常有香客问我,道长,这世上最难降的妖魔是什么? 我笑而不...
    开封第一讲书人阅读 56,474评论 1 283
  • 正文 为了忘掉前任,我火速办了婚礼,结果婚礼上,老公的妹妹穿的比我还像新娘。我一直安慰自己,他们只是感情好,可当我...
    茶点故事阅读 65,570评论 6 386
  • 文/花漫 我一把揭开白布。 她就那样静静地躺着,像睡着了一般。 火红的嫁衣衬着肌肤如雪。 梳的纹丝不乱的头发上,一...
    开封第一讲书人阅读 49,816评论 1 290
  • 那天,我揣着相机与录音,去河边找鬼。 笑死,一个胖子当着我的面吹牛,可吹牛的内容都是我干的。 我是一名探鬼主播,决...
    沈念sama阅读 38,957评论 3 408
  • 文/苍兰香墨 我猛地睁开眼,长吁一口气:“原来是场噩梦啊……” “哼!你这毒妇竟也来了?” 一声冷哼从身侧响起,我...
    开封第一讲书人阅读 37,718评论 0 266
  • 序言:老挝万荣一对情侣失踪,失踪者是张志新(化名)和其女友刘颖,没想到半个月后,有当地人在树林里发现了一具尸体,经...
    沈念sama阅读 44,176评论 1 303
  • 正文 独居荒郊野岭守林人离奇死亡,尸身上长有42处带血的脓包…… 初始之章·张勋 以下内容为张勋视角 年9月15日...
    茶点故事阅读 36,511评论 2 327
  • 正文 我和宋清朗相恋三年,在试婚纱的时候发现自己被绿了。 大学时的朋友给我发了我未婚夫和他白月光在一起吃饭的照片。...
    茶点故事阅读 38,646评论 1 340
  • 序言:一个原本活蹦乱跳的男人离奇死亡,死状恐怖,灵堂内的尸体忽然破棺而出,到底是诈尸还是另有隐情,我是刑警宁泽,带...
    沈念sama阅读 34,322评论 4 330
  • 正文 年R本政府宣布,位于F岛的核电站,受9级特大地震影响,放射性物质发生泄漏。R本人自食恶果不足惜,却给世界环境...
    茶点故事阅读 39,934评论 3 313
  • 文/蒙蒙 一、第九天 我趴在偏房一处隐蔽的房顶上张望。 院中可真热闹,春花似锦、人声如沸。这庄子的主人今日做“春日...
    开封第一讲书人阅读 30,755评论 0 21
  • 文/苍兰香墨 我抬头看了看天上的太阳。三九已至,却和暖如春,着一层夹袄步出监牢的瞬间,已是汗流浃背。 一阵脚步声响...
    开封第一讲书人阅读 31,987评论 1 266
  • 我被黑心中介骗来泰国打工, 没想到刚下飞机就差点儿被人妖公主榨干…… 1. 我叫王不留,地道东北人。 一个月前我还...
    沈念sama阅读 46,358评论 2 360
  • 正文 我出身青楼,却偏偏与公主长得像,于是被迫代替她去往敌国和亲。 传闻我的和亲对象是个残疾皇子,可洞房花烛夜当晚...
    茶点故事阅读 43,514评论 2 348

推荐阅读更多精彩内容