Dialog动画封装

组件介绍

封装了不同样式的Dialog和动画,在需要使用的时候直接new出来,经过简单的配置就可以使用,可扩展性强。
地址:https://github.com/H07000223/FlycoDialog_Master

NormalDialog(一)

NormalDialog1.gif

代码部分:

        final NormalDialog dialog = new NormalDialog(this);
        dialog.content("是否确定退出程序")
                .showAnim(new SlideLeftEnter())//从左边出来的动画
                .dismissAnim(new SlideRightExit())//从右边离开的动画
                .show();
        dialog.setOnBtnClickL(new OnBtnClickL() {
            @Override
            public void onBtnClick() {
                Log.i("=======", "点击取消");
                dialog.dismiss();
            }
        }, new OnBtnClickL() {
            @Override
            public void onBtnClick() {
                Log.i("=======", "点击确定");
                dialog.dismiss();
            }
        });

NormalDialog(二)

NormalDialog2.gif

代码部分:

        final NormalDialog dialog = new NormalDialog(mContext);
        dialog.content("为保证咖啡豆的新鲜度和咖啡的香味,并配以特有的传统烘焙和手工冲。")//
                .style(NormalDialog.STYLE_TWO)//
                .titleTextSize(23)//设置title字体大小
                .showAnim(new BounceTopEnter())//顶部弹出动画
                .dismissAnim(new SlideBottomExit())//底部退出动画
                .show();

         //设置点击时间
        dialog.setOnBtnClickL(
                new OnBtnClickL() {
                    @Override
                    public void onBtnClick() {
                        T.showShort(mContext, "left");
                        dialog.dismiss();
                    }
                },
                new OnBtnClickL() {
                    @Override
                    public void onBtnClick() {
                        T.showShort(mContext, "right");
                        dialog.dismiss();
                    }
                });

NormalDialogCustomAttr
自定义属性的Dialog

NormalDialogCustomAttr.gif

代码部分:

     final NormalDialog dialog = new NormalDialog(mContext);
        dialog.isTitleShow(false)//是否显示title
                .bgColor(Color.parseColor("#383838"))//设置背景颜色
                .cornerRadius(5)//设置圆角大小
                .content("是否确定退出程序?")//
                .contentGravity(Gravity.CENTER)
                .contentTextColor(Color.parseColor("#ffffff"))//
                .dividerColor(Color.parseColor("#222222"))//
                .btnTextSize(15.5f, 15.5f)//
                .btnTextColor(Color.parseColor("#ffffff"), Color.parseColor("#ffffff"))//
                .btnPressColor(Color.parseColor("#2B2B2B"))//设置button按下时的颜色
                .widthScale(0.85f)//设置对话框宽度,占屏幕宽的比例0-1
                .showAnim(new SlideLeftEnter())//从左边出来的动画
                .dismissAnim(new SlideRightExit())//从右边离开的动画
                .show();

**NormalListDialog
圆角ListViewDialog

NormalListDialog.gif

代码部分:

     final NormalListDialog dialog = new NormalListDialog(mContext, mMenuItems);
        dialog.title("请选择")//
                .showAnim(mBasIn)//
                .dismissAnim(mBasOut)//
                .show();
        dialog.setOnOperItemClickL(new OnOperItemClickL() {
            @Override
            public void onOperItemClick(AdapterView<?> parent, View view, int position, long id) {

                T.showShort(mContext, mMenuItems.get(position).mOperName);
                dialog.dismiss();
            }
        });

BottomDialog和TopDialog
从底部/顶部出现的Dialog

BTDialog.gif

代码部分:

                final BottomDialog dialog = new BottomDialog(mContext, viewNeedAnim);//viewNeedAnim是需要执行动画的view
                dialog.showAnim(mBasIn)//
                        .show();//
                final TopDialog dialog = new TopDialog(mContext, viewNeedAnim);
                dialog.showAnim(mBasIn)//
                        .show();//

扩展

Dialog扩展
step1:继承BaseDialog(or BottomBaseDialog or TopBaseDialog)
step2:重写onCreateView,return用来填充Dialog的View
step3:重写setUIBeforeShow,设置界面数据和逻辑

public class CustomBaseDialog extends BaseDialog<CustomBaseDialog> {
    private TextView tv_cancel;
    private TextView tv_exit;

    public CustomBaseDialog(Context context) {
        super(context);
    }

    @Override
    public View onCreateView() {
        widthScale(0.85f);////设置对话框宽度,占屏幕宽的比例0-1
        showAnim(new Swing());
        View inflate = View.inflate(context, R.layout.dialog_custom_base, null);
        tv_cancel = ViewFindUtils.find(inflate, R.id.tv_cancel);
        tv_exit = ViewFindUtils.find(inflate, R.id.tv_exit);
        inflate.setBackgroundDrawable(
                CornerUtils.cornerDrawable(Color.parseColor("#ffffff"), dp2px(5)));

        return inflate;
    }

    @Override
    public boolean setUiBeforShow() {
        tv_cancel.setOnClickListener(new View.OnClickListener() {
            @Override
            public void onClick(View v) {
                dismiss();
            }
        });

        tv_exit.setOnClickListener(new View.OnClickListener() {
            @Override
            public void onClick(View v) {
                dismiss();
            }
        });

        return false;
    }
}

动画扩展
继承BaseAnimatorSet,重写setAnimation(View view),该方法返回的view就是
需要执行动画的view

public class FadeEnter extends BaseAnimatorSet {
    @Override
    public void setAnimation(View view) {
        animatorSet.playTogether(//
                ObjectAnimator.ofFloat(view, "alpha", 0, 1).setDuration(duration));
    }
}

封装思路

先要分清楚这三个对象
mTopContainer 最顶层的容器 全屏显示的
mControlHeightContainer 用于控制对话框宽度和高度的容器
mOnCreateView 真正填充Dialog的View

执行动画时,targetView是mControlHeightContainer 。

    @Override
    protected void onCreate(Bundle savedInstanceState) {
    ...
    mOnCreateView = onCreateView();//在Dialog的onCreate方法中,调用了抽象方法onCreateView,子类通过重写该方法,返回需要填充Dialog的View


    // 当Dialog依附在Window上,设置对话框宽高以及显示动画
    @Override
    public void onAttachedToWindow() {
        super.onAttachedToWindow();
        
        //调用子类重写的该方法,加载数据和需要执行的逻辑代码
        setUIBeforeShow();
        
        //设置Dialog的宽度
        int width;
        if (mWidthScale == 0) {
            width = ViewGroup.LayoutParams.WRAP_CONTENT;
        } else {//如果设置了缩放比例
            width = (int) (mDisplayMetrics.widthPixels * mWidthScale);
        }
        int height;
        if (mHeightScale == 0) {
            height = ViewGroup.LayoutParams.WRAP_CONTENT;
        } else if (mHeightScale == 1) {
            height = (int) mMaxHeight;
        } else {
            height = (int) (mMaxHeight * mHeightScale);
        }


        if (mShowAnimator != null) {//如果设置了ShowAnimator,则执行,并在动画监听中设置动画的flag
            mShowAnimator.listener(new BaseAnimatorSet.AnimatorListener() {
                @Override
                public void onAnimationStart(Animator animator) {
                    mIsShowAnimator = true;
                }

                @Override
                public void onAnimationRepeat(Animator animator) {
                }

                @Override
                public void onAnimationEnd(Animator animator) {
                    mIsShowAnimator = false;
                    delayDismiss();
                }

                @Override
                public void onAnimationCancel(Animator animator) {
                    mIsShowAnimator = false;
                }
            }).playOn(mControlHeightContainer);

         //重写dismiss方法,如果设置了消失动画,监听中修改flag,并在动画结束或cancel时在dismiss掉Dialog
        if (mDismissAnimator != null) {
              mDismissAnimator.listener(new BaseAnimatorSet.AnimatorListener() {
                @Override
                public void onAnimationStart(Animator animator) {
                    mIsDismissAnimator = true;
                }

                @Override
                public void onAnimationRepeat(Animator animator) {
                }

                @Override
                public void onAnimationEnd(Animator animator) {
                    mIsDismissAnimator = false;
                    superDismiss();
                }

                @Override
                public void onAnimationCancel(Animator animator) {
                    mIsDismissAnimator = false;
                    superDismiss();
                }
            }).playOn(mControlHeightContainer);
        } else {
            superDismiss();
        }

版本控制

版本号 更新内容 修改人 修改时间
1.0 初次发布 lucky_tiger 2017/7/6

项目地址

所在文件夹 demo位置
widget.FlycoDialog com.qr.demo.widget.dialog_pop.ui.SimpleHomeActivity
最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容