美文网首页我的世界工具癖@IT·互联网
打造属于自己的Dialog---仿安卓系统自带原生Dialog设

打造属于自己的Dialog---仿安卓系统自带原生Dialog设

作者: 九尾74 | 来源:发表于2017-04-28 01:27 被阅读1126次

前言:这个过程中遇到了两个问题,都比较基础,第一个问题是:系统无法识别图片资源,不过还好,被我删了之后就很好的运行了,第二个也是比较鬼畜的问题,错把==符号变成了!=结果导致闪退缺不报错!现在我们为什么要来这一个属于自己的dialog,原因很简单,安卓自带的太丑了!!!而且局限性强,那么为了解决这个问题,分开view与逻辑,更方便的进行拓展下面我们需要用一个非常常见的设计模式builder!

buidler设计模式:一个比方——组装电脑,一系列产品的电脑,可以有不同的配置,不同的cpu,不同的arm,一个电脑最后的模样是取决于各个配件的组合,同样的道理,我们在使用dialog的过程中也会有这样那样的需求,因此,1.为了更灵活的去运用dialog,实现更多样化。2.为了易拓展,view与实现逻辑分开!等…

具体需要的类有三个,DialogViewhelper(辅助类存在),AlertDialog,AerltController

下面简单来介绍一下这三个类吧,先从AlertDialog介绍起,为什么从这个介绍起呢,因为如果你来写,也会从这里写起,主要思路是先用AlertDialog来讲我们所所需要的,参数传递进来,当然它也是这个的入口,然后是AlertController这个用来传递参数,到最后,用DialogViewhelper进行最终的实现,当然如果你不想写那个辅助类也行下面简单来介绍一下这三个类吧,先从AlertDialog介绍起,为什么从这个介绍起呢,因为如果你来写,也会从这里写起,主要思路是先用AlertDialog来讲我们所所需要的,参数传递进来,当然它也是这个的入口,然后是AlertController这个用来传递参数,到最后,用DialogViewhelper进行最终的实现,当然如果你不想写那个辅助类也行

1,AerltDialog类:继承了Dialog(值得注意的是这里继承的只是Dialog而非AlertDialog),这里具体的一些思路是,构造函数出来,然后new一个AlertController出来然后,设置一些传递参数用的方法如:setText和getview这些,当然主要的还是builder里面的内容是直接仿安卓源码的,将数据放入P中,然后进行传递!当然这里最好加上一个通过id去寻找的setContextView,同时值得注意的是,无论是文本还是事件不止只有一个,所以用SparseArray储存起来!为什么要使用这个呢,很简单在安卓源码里头,有一句英语表明了如果是键值对为int加值的这种,这个比hasmp更优越!

这里有想法的人最好去看看源码!!

package com.example.baselibrary.baseActvity.dialog;

import android.app.Dialog;

import android.content.Context;

import android.view.Gravity;

import android.view.View;

import android.view.ViewGroup;

import android.widget.ListView;

import com.example.baselibrary.R;

/**

* Created by 廖成康 on 2017/4/26.

*/

public class AlertDialog extends Dialog

{

 private AlertController mAlert;

 public AlertDialog(Context context, int themeResId)

 {

   super(context, themeResId);

   mAlert= new AlertController(this,getWindow());

 }

 /**

  * 设置文本

  * @param ResId

  * @param text

  */

 public void setText(int ResId,CharSequence text)

 {

   mAlert.setText(ResId,text);

 }

 /**

  * 设置getView方法

  * @param ResId

  * @param

* @return

*/

 public T getView(int ResId)

 {

   return mAlert.getView(ResId);

 }

 /**

  * 设置点击事件

  *

  * @param ResId

  * @param listener

  */

 public void  setOnClickLisnter(int ResId,View.OnClickListener listener)

 {

   mAlert.setOnClickLisnter(ResId,listener);

 }

 public static class Builder

 {

   public final AlertController.AlertParams P;

   /**

    * Creates a builder for an alert dialog that uses the default alert

    * dialog theme.

    *

* The default alert dialog theme is defined by

* {@link android.R.attr#alertDialogTheme} within the parent

* {@code context}'s theme.

*

* @param context the parent context

*/

public Builder(Context context)

{

this(context, R.style.dialog);

}

   /**

    * Creates a builder for an alert dialog that uses an explicit theme

    * resource.

    *

* The specified theme resource ({@code themeResId}) is applied on top

* of the parent {@code context}'s theme. It may be specified as a

* style resource containing a fully-populated theme, such as

* {@link android.R.style#Theme_Material_Dialog}, to replace all

* attributes in the parent {@code context}'s theme including primary

* and accent colors.

    *

* To preserve attributes such as primary and accent colors, the

* {@code themeResId} may instead be specified as an overlay theme such

* as {@link android.R.style#ThemeOverlay_Material_Dialog}. This will

* override only the window attributes necessary to style the alert

* window as a dialog.

    *

* Alternatively, the {@code themeResId} may be specified as {@code 0}

* to use the parent {@code context}'s resolved value for

* {@link android.R.attr#alertDialogTheme}.

*

* @param context  the parent context

* @param themeResId the resource ID of the theme against which to inflate

*          this dialog, or {@code 0} to use the parent

*          {@code context}'s default alert dialog theme

*/

public Builder(Context context, int themeResId)

{

P =new AlertController.AlertParams(context,themeResId);

}

   /**

    * Sets a custom view to be the contents of the alert dialog.

    *

* When using a pre-Holo theme, if the supplied view is an instance of

* a {@link ListView} then the light background will be used.

    *

* Note:<4> To ensure consistent styling, the custom view

* should be inflated or constructed using the alert dialog's themed

* context obtained via {@link #getContext()}.

*

* @param view the view to use as the contents of the alert dialog

* @return this Builder object to allow for chaining of calls to set

* methods

*/

public Builder setContextView(View view) {

P.mView = view;

P.mViewLayoutResId = 0;

return this;

}

   /**

    * 设置布局Id

    * @param ResId

    * @return

    */

   public Builder setContextView(int ResId){

     P.mView=null;

     P.mViewLayoutResId=ResId;

     return this;

   }

/**

* 设置文本

* @param ResId

* @param text

* @return

*/

   public Builder setText( int ResId,CharSequence text)

   {

     P.mTextArray.put(ResId,text);

     return this;

   }

   /**

    * 设置点击事件

    * @param view

    * @param listener

    * @return

    */

   public Builder setOnClickLisnter(int view,View.OnClickListener listener)

   {

     P.mClickArray.put(view,listener);

     return this;

   }

   /**

    * 设置宽度

    * @return

    */

   public Builder fullWidth()

   {

     P.mWidth= ViewGroup.LayoutParams.MATCH_PARENT;

     return this;

   }

   public Builder fromButton(boolean isAnimation)

   {

     if (isAnimation)

     {

       P.mAnimations=R.style.dialog_from_bottom_anim;

     }

     P.mGrivity= Gravity.BOTTOM;

     return this;

   }

   /**

    * 设置Dialog的宽高

    * @param width

    * @param height

    * @return

    */

   public Builder setWidthAndHeight(int width, int height){

     P.mWidth = width;

     P.mHeight = height;

     return this;

   }

   /**

    * 添加默认动画

    * @return

    */

   public Builder addDefaultAnimation(){

     P.mAnimations = R.style.dialog_scale_anim;

     return this;

   }

   /**

    * 设置动画

    * @param styleAnimation

    * @return

    */

   public Builder setAnimations(int styleAnimation){

     P.mAnimations = styleAnimation;

     return this;

   }

   /**

    * Sets whether the dialog is cancelable or not. Default is true.

    *

    * @return This Builder object to allow for chaining of calls to set methods

    */

   public Builder setCancelable(boolean cancelable) {

     P.mCancelable = cancelable;

     return this;

   }

   /**

    * Sets the callback that will be called if the dialog is canceled.

    *

    *

Even in a cancelable dialog, the dialog may be dismissed for reasons other than

    * being canceled or one of the supplied choices being selected.

    * If you are interested in listening for all cases where the dialog is dismissed

    * and not just when it is canceled, see

    * {@link #setOnDismissListener(android.content.DialogInterface.OnDismissListener) setOnDismissListener}.

* @see #setCancelable(boolean)

* @see #setOnDismissListener(android.content.DialogInterface.OnDismissListener)

*

* @return This Builder object to allow for chaining of calls to set methods

*/

public Builder setOnCancelListener(OnCancelListener onCancelListener) {

P.mOnCancelListener = onCancelListener;

return this;

}

 /**

    * Sets the callback that will be called when the dialog is dismissed for any reason.

    *

    * @return This Builder object to allow for chaining of calls to set methods

    */

   public Builder setOnDismissListener(OnDismissListener onDismissListener) {

     P.mOnDismissListener = onDismissListener;

     return this;

   }

   /**

    * Sets the callback that will be called if a key is dispatched to the dialog.

    *

    * @return This Builder object to allow for chaining of calls to set methods

    */

   public Builder setOnKeyListener(OnKeyListener onKeyListener) {

     P.mOnKeyListener = onKeyListener;

     return this;

   }

   /**

    * Creates an {@link AlertDialog} with the arguments supplied to this

    * builder.

    *

    * Calling this method does not display the dialog. If no additional

    * processing is needed, {@link #show()} may be called instead to both

    * create and display the dialog.

    */

   public AlertDialog create() {

     // Context has already been wrapped with the appropriate theme.

     final AlertDialog dialog = new AlertDialog(P.mContext, P.mThemeResId);

     P.apply(dialog.mAlert);

     dialog.setCancelable(P.mCancelable);

     if (P.mCancelable) {

       dialog.setCanceledOnTouchOutside(true);

     }

     dialog.setOnCancelListener(P.mOnCancelListener);

     dialog.setOnDismissListener(P.mOnDismissListener);

     if (P.mOnKeyListener != null) {

       dialog.setOnKeyListener(P.mOnKeyListener);

     }

     return dialog;

   }

   /**

    * Creates an {@link AlertDialog} with the arguments supplied to this

    * builder and immediately displays the dialog.

    *

* Calling this method is functionally identical to:

    *


*   AlertDialog dialog = builder.create();

*   dialog.show();

*

*/

public AlertDialog show() {

final AlertDialog dialog = create();

dialog.show();

return dialog;

}

 }

}

2.AlertContorller:

这个类里面我们是给了一系列参数了的,那么这个类是干什么的呢很简单,传过来的参数传到vieqhelper里面进行实现,当然,在这个过程中,我们需要做一些优化,比如说,我们需要做,一些参数在值上默认,容错等等,这些就不具体将了注视里面相当清楚了,

而我这里主要实现了什么东西呢?1.设置文本,2.设置监听事件,3.配置全屏 从底部弹出,动画等!!

package com.example.baselibrary.baseActvity.dialog;

import android.content.Context;

import android.content.DialogInterface;

import android.util.SparseArray;

import android.view.Gravity;

import android.view.View;

import android.view.ViewGroup;

import android.view.Window;

import android.view.WindowManager;

/**

* Created by 廖成康 on 2017/4/26.

*/

class AlertController

{

 private DialogViewHelper mdialogViewHelper;

 private AlertDialog malertDialog;

 private Window mwindow;

 public AlertController(AlertDialog alertDialog, Window window)

 {

     this.malertDialog=alertDialog;

     this.mwindow=window;

 }

 public void setMdialogViewHelper(DialogViewHelper dialogViewHelper)

 {

   this.mdialogViewHelper=dialogViewHelper;

 }

 /***

  *

  * 设置文本

  *

  * 具体实现在DialogViewHelper

  *

  * @param resId

  * @param text

  */

 public void setText(int resId, CharSequence text)

 {

  mdialogViewHelper.setText(resId,text);

 }

 /**

  * 设置获取得到View

  *

  * @param resId

  * @param

* @return

*/

 public T getView(int resId)

 {

   return mdialogViewHelper.getView(resId);

 }

 /**

  * 设置点击事件

  *

  * @param resId

  * @param listener

  */

 public void setOnClickLisnter(int resId, View.OnClickListener listener) {

 mdialogViewHelper.setOnClickLisnter(resId,listener);

 }

 /**

  * 获取得到dialog

  *

  * @return

  */

 public AlertDialog getMalertDialog()

 {

   return malertDialog;

 }

 /**

  * 获取得到window

  *

  *

  * @return

  */

 public Window getMwindow()

 {

   return mwindow;

 }

 /**

  * 一个媒介,从AlertDialog里面得到参数

  *

  */

 public static class AlertParams

 {

   public View mView;

   //布局的Id

   public int mViewLayoutResId;

   ///上下文

   public Context mContext;

   ///主题的Id

   public int mThemeResId;

   ///点击空白处是否取消

   public boolean mCancelable=true;

   ///三个参数

   public DialogInterface.OnCancelListener mOnCancelListener;

   public DialogInterface.OnDismissListener mOnDismissListener;

   public DialogInterface.OnKeyListener mOnKeyListener;

   // 存放字体的修改

   public SparseArray mTextArray = new SparseArray<>();

   // 存放点击事件

   public SparseArray mClickArray = new SparseArray<>();

   ///设置宽度 自定义参数

   public int mWidth= ViewGroup.LayoutParams.WRAP_CONTENT;

   //设置位置 自定义参数

   public int mGrivity= Gravity.CENTER;

   //设置高度 自定义参数

   public int mHeight=ViewGroup.LayoutParams.WRAP_CONTENT;

   //设置动画

   public int mAnimations=0;

   public AlertParams(Context context,int mThemeResId)

   {

       this.mContext=context;

       this.mThemeResId=mThemeResId;

   }

   public void apply(AlertController mAlert)

   {

     ///完善需要设置一些参数

    //1.给DialogViewhelper设置view布局

     DialogViewHelper viewHelper=null;

     if (mViewLayoutResId!=0)

     {

       viewHelper=new DialogViewHelper(mContext,mViewLayoutResId);

     }

     //2.设置view

     if (mView!=null)

     {

       viewHelper=new DialogViewHelper();

       viewHelper.setContextView(mView);

     }

     //容错处理

     if (viewHelper==null)

     {

       throw new IllegalArgumentException("还没有设置布局");

     }

     ///继承的是Dialog

     mAlert.getMalertDialog().setContentView(viewHelper.getmContextView());

      ///给辅助类设置viewhelper,对上面传参数有必要

     mAlert.setMdialogViewHelper(viewHelper);

     //2.设置文本

     int mtextsize=mTextArray.size();

     for (int length=0;length

     {

      mAlert.setText(mTextArray.keyAt(length),mTextArray.valueAt(length));

     }

     ///设置监听事件

     int mclicksize=mClickArray.size();

     for (int i=0;i

     {

       mAlert.setOnClickLisnter(mClickArray.keyAt(i),mClickArray.valueAt(i));

     }

      ///配置自定义效果 全屏 从底部弹出 动画

     Window window=mAlert.getMwindow();

     window.setGravity(mGrivity);

     ///设置懂动画

     if (mAnimations!=0)

     {

       window.setWindowAnimations(mAnimations);

     }

     WindowManager.LayoutParams params=window.getAttributes();

     params.width=mWidth;

     params.height=mHeight;

     window.setAttributes(params);

   }

 }

}

3.最后,这个类里面就是我们实现的最后的目的了,这里面有一个叫软应用的,用来防止一些情况的发生所使用的,值得注意一下

当然这个类并不是说只有它才实现而已,前面的第二个类也已经实现了一些功能,这里的话主要实现的是设置文本和设置点击事件!这两

package com.example.baselibrary.baseActvity.dialog;

/**

* Created by 廖成康 on 2017/4/26.

*/

import android.content.Context;

import android.util.SparseArray;

import android.view.LayoutInflater;

import android.view.View;

import android.widget.TextView;

import java.lang.ref.WeakReference;

/**

* Dialog 作为View的辅助类

*

*/

class DialogViewHelper

{

 private View mContextView=null;

 //// 防止霸气侧漏

 private SparseArray> mView;

 public DialogViewHelper(Context context,int viewId)

 {

  this();

  mContextView= LayoutInflater.from(context).inflate(viewId,null);

 }

 public DialogViewHelper()

 {

 mView=new SparseArray<>();

 }

 /**

  * 设置布局

  * @param context

  */

 public void setContextView(View context)

 {

   this.mContextView=context;

 }

 /**

  * 获取布局

  *

  */

 public View getmContextView()

 {

   return mContextView;

 }

   public T getView(int viewId)

   {

     WeakReference viewWeakReference=mView.get(viewId);

     //侧漏问题

     View view=null;

     if (viewWeakReference!=null)

     {

       view=viewWeakReference.get();

     }

     if (view==null)

     {

       view=mContextView.findViewById(viewId);

       if (view==null)

       {

         mView.put(viewId,new WeakReference(view));

       }

     }

     return (T) view;

   }

 /**

  * 设置文本

  * @param resId

  * @param text

  */

 public void setText(int resId,CharSequence text)

 {

  TextView textView=getView(resId);

  if (textView!=null)

  {

    textView.setText(text);

  }

 }

 /**

  * 设置点击事件

  *

  * @param ResId

  * @param listener

  */

 public void setOnClickLisnter(int ResId,View.OnClickListener listener)

 {

   View view=getView(ResId);

   if (view!=null)

   {

      view.setOnClickListener(listener);

   }

 }

}

到这里,资源这些的话,如果想要在联系我吧1269729771扣扣号!!!!今天要早睡了,写在简书强,有些东西可能不太清楚,莫怪了哈!!

打造属于自己的Dialog---仿安卓系统自带原生Dialog设计

相关文章

  • 打造属于自己的Dialog---仿安卓系统自带原生Dialog设

    前言:这个过程中遇到了两个问题,都比较基础,第一个问题是:系统无法识别图片资源,不过还好,被我删了之后就很好的运行...

  • 打造属于自己的Dialog---仿安卓系统自带原生Dialog设

    前言:这个过程中遇到了两个问题,都比较基础,第一个问题是:系统无法识别图片资源,不过还好,被我删了之后就很好的运行...

  • TV开屏页

    目前安卓的开屏已经不推荐自己创建SplashActivity了,而是使用系统自带的开屏。 安卓12以后自带这个依赖...

  • 安卓Dialog,仿ios

    NDialog 链式调用设置Dialog字体大小、颜色、位置等属性 效果图 使用方法 Gradle 具体用法: 直...

  • 2019-01-07

    安卓自带的一些样式 android:theme="@android:style/Theme.Dialog" 将一个...

  • 手机视频制作推荐APP建议

    拍摄类 1. 苹果&安卓:原生相机(手机自带) 2. 苹果&安卓:Filmic Pro(用来拍电影的应用,可以把手...

  • Android TextView 自定义文本高亮

    原生高亮弊端 安卓原生textview控件自带高亮功能,只需在xml或者代码中设置 android:textIsS...

  • 关于安卓分享我就知晓三种方式

    调用安卓原生系统自带的分享功能 调用微信、微博、支付宝等社交软件官方的分享SDK 用友盟、ShareSDK、Mob...

  • 关于安卓定制UI

    安卓是个开放的可定制开源系统,而原生安卓不符合国人的操作习惯,所以国内手机厂商基于安卓而定制了自己的UI。 大家买...

  • Dialog

    安卓dialog的使用+如何自定义dialog自定义Dialog自定义Dialog 自定义

网友评论

    本文标题:打造属于自己的Dialog---仿安卓系统自带原生Dialog设

    本文链接:https://www.haomeiwen.com/subject/phcozttx.html