美文网首页Android自定义控件Android UIAndroid知识
《Android自定义控件》——打造各种Dialog

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

作者: Charon_Pluto | 来源:发表于2017-05-12 11:30 被阅读420次

          这里主要做的就是想让你可以进行各种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);

    }

    }

    });

    相关文章

      网友评论

        本文标题:《Android自定义控件》——打造各种Dialog

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