Dialog 自定义一些常见效果

最新推荐文章于 2023-10-18 18:40:43 发布
最新推荐文章于 2023-10-18 18:40:43 发布
阅读量1k 收藏
点赞数 1
分类专栏： Android 自定义控件进阶 文章标签： dialog
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/u014608640/article/details/52572911
版权

项目地址： Dialog
简介：自定义一些常见的 Dialog 效果，居中显示、顶部显示、仿 IOS 版淘宝、回弹效果、宽度和高度占屏比等

自定义一些常见的Dialog效果，居中显示、顶部显示、仿IOS版淘宝、回弹效果、宽度和高度占屏比等，先看效果。






SimpleDialog

package org.alex.dialog.base;
import android.content.Context;
import android.view.Gravity;
import android.view.View;
import android.view.Window;
import org.alex.alexlibrary.R;
import org.alex.dialog.annotation.AnimType;
/**
 * 作者：Alex
 * 时间：2016年09月03日    21:29
 * 简述：
 */
@SuppressWarnings("all")
public abstract class SimpleDialog<D extends SimpleDialog> extends BaseDialog<D> implements View.OnClickListener {
    public SimpleDialog(Context context) {
        super(context,R.style.alex_dialog_base_light_style);
    }
    public SimpleDialog(Context context, int theme) {
        super(context, theme);
    }
    /**
     * 显示对话框，无动画
     */
    @Override
    public void show() {
        if (Gravity.BOTTOM == gravity) {
            show(AnimType.BOTTOM_2_TOP);
        } else if (Gravity.TOP == gravity) {
            show(AnimType.TOP_2_BOTTOM);
        } else if (Gravity.CENTER == gravity) {
            show(animType);
        } else {
            super.show();
        }
    }
    /**
     * 显示对话框，强制转换对话框的动画类型
     */
    public void show(@AnimType int animType) {
        Window window = getWindow();
        /*如果根据  AnimType 的类型，强制选择Dialog出现的位置*/
        if (AnimType.BOTTOM_2_TOP == animType) {
            setGravity(Gravity.BOTTOM);
            window.setWindowAnimations(R.style.alex_dialog_anim_bottom2top);
        } else if (AnimType.TOP_2_BOTTOM == animType) {
            setGravity(Gravity.TOP);
            window.setWindowAnimations(R.style.alex_dialog_anim_top2bottom);
        } else if (AnimType.CENTER_SCALE == animType) {
            setGravity(Gravity.CENTER);
            window.setWindowAnimations(R.style.alex_dialog_anim_scale);
        } else if (AnimType.CENTER_NORMAL == animType) {
            setGravity(Gravity.CENTER);
            window.setWindowAnimations(R.style.alex_dialog_anim_alpha);
        }
        super.show();
    }
}

Bottom2TopDialog

package org.alex.dialog.base;
import android.content.Context;
import org.alex.alexlibrary.R;
import org.alex.dialog.annotation.AnimType;
/**
 * 作者：Alex
 * 时间：2016年09月10日    17:33
 * 简述：
 */
public abstract class Bottom2TopDialog<D extends Bottom2TopDialog> extends SimpleDialog<D> {
    public Bottom2TopDialog(Context context) {
        super(context, R.style.alex_dialog_base_light_style);
    }
    /**
     * 显示对话框，无动画
     */
    @Override
    public void show() {
        show(AnimType.BOTTOM_2_TOP);
    }
    /**
     * 显示对话框，强制转换对话框的动画类型
     *
     * @param animType
     */
    @Override
    public void show(@AnimType int animType) {
        super.show(animType);
    }
}

TaoBaoDialog

package org.alex.dialog.base;
import android.animation.ObjectAnimator;
import android.content.Context;
import android.graphics.Color;
import android.os.Handler;
import android.os.Message;
import android.view.View;
import org.alex.dialog.anim.BaseAnimatorSet;
import org.alex.dialog.annotation.AnimType;
/**
 * 作者：Alex
 * 时间：2016年09月10日    12:56
 * 简述：
 */
public abstract class TaoBaoDialog<D extends TaoBaoDialog> extends SimpleDialog<D> {
    private BaseAnimatorSet inAnimSet;
    private BaseAnimatorSet outAnimSet;
    private View rootView;
    protected int duration;
    protected int backgroundColor;
    private View parentView;
    public TaoBaoDialog(Context context, View rootView, int theme) {
        super(context, theme);
        this.rootView = rootView;
        initView();
    }
    protected void initView() {
        duration = 300;
        backgroundColor = Color.parseColor("#111111");
        parentView = (View) rootView.getParent();
        parentView.setBackgroundColor(backgroundColor);
        inAnimSet = new WindowsInAs();
        outAnimSet = new WindowsOutAs();
    }
    /**
     * 显示对话框，强制转换对话框的动画类型
     */
    @Override
    public void show() {
        show(AnimType.BOTTOM_2_TOP);
    }
    /**
     * 显示对话框，强制转换对话框的动画类型
     *
     * @param animType
     */
    @Override
    public void show(@AnimType int animType) {
        super.show(AnimType.BOTTOM_2_TOP);
        parentView.setBackgroundColor(backgroundColor);
        if (rootView != null && inAnimSet != null) {
            inAnimSet.duration(duration).playOn(rootView);
        }
    }
    @Override
    public void dismiss() {
        super.dismiss();
        new Handler(){
            @Override
            public void handleMessage(Message msg) {
                super.handleMessage(msg);
                parentView.setBackgroundColor(0);
            }
        }.sendEmptyMessageDelayed(100, duration);
        if (rootView != null && outAnimSet != null) {
            outAnimSet.duration(duration).playOn(rootView);
        }
    }
    private final class WindowsInAs extends BaseAnimatorSet {
        @Override
        public void setAnimation(View view) {
            ObjectAnimator rotationX = ObjectAnimator.ofFloat(view, "rotationX", 10, 0f).setDuration(150);
            rotationX.setStartDelay(200);
            animatorSet.playTogether(
                    ObjectAnimator.ofFloat(view, "scaleX", 1.0f, 0.8f).setDuration(350),
                    ObjectAnimator.ofFloat(view, "scaleY", 1.0f, 0.8f).setDuration(350),
                    ObjectAnimator.ofFloat(view, "rotationX", 0f, 10).setDuration(200),
                    rotationX,
                    ObjectAnimator.ofFloat(view, "translationY", 0, -0.1f * displayMetrics.heightPixels).setDuration(350)
            );
        }
    }
    private final class WindowsOutAs extends BaseAnimatorSet {
        @Override
        public void setAnimation(View view) {
            ObjectAnimator rotationX = ObjectAnimator.ofFloat(view, "rotationX", 10, 0f).setDuration(150);
            rotationX.setStartDelay(200);
            animatorSet.playTogether(
                    ObjectAnimator.ofFloat(view, "scaleX", 0.8f, 1.0f).setDuration(350),
                    ObjectAnimator.ofFloat(view, "scaleY", 0.8f, 1.0f).setDuration(350),
                    ObjectAnimator.ofFloat(view, "rotationX", 0f, 10).setDuration(200),
                    rotationX,
                    ObjectAnimator.ofFloat(view, "translationY", -0.1f * displayMetrics.heightPixels, 0).setDuration(350)
            );
        }
    }
}

点击事件 怎么写？

package com.alex.mvpapp.dialog;
import android.content.Context;
import android.view.View;
import com.alex.mvpapp.R;
import org.alex.dialog.annotation.ClickPosition;
import org.alex.dialog.base.Top2BottomDialog;
/**
 * 作者：Alex
 * 时间：2016年09月10日    17:40
 * 简述：
 */
public class NoticeDialog extends Top2BottomDialog<NoticeDialog> {
    public NoticeDialog(Context context) {
        super(context);
    }
    @Override
    public int getLayoutRes() {
        return R.layout.dialog_notice;
    }
    @Override
    public void onCreateDialog() {
        setOnCilckListener(R.id.tv_submit,R.id.tv_cancel);
    }
    @Override
    public void onClick(View v) {
        if(R.id.tv_submit == v.getId()){
           onDialogClickListener(ClickPosition.SUBMIT);
        }else  if(R.id.tv_cancel == v.getId()){
            onDialogClickListener(ClickPosition.CANCEL);
        }
    }
}

点击事件 怎么响应？

package com.alex.mvpapp.ui.testdialog;
/**
 * 作者：Alex
 * 时间：2016年09月09日    23:41
 * 简述：
 * {@link com.alex.mvpapp.ui.MainActivity}
 */
public class DialogActivity extends BaseActivity {
    /**
     * 执行在 onCreateView 中
     * 通过 findView 初始主视图化控件
     * 初始化所有基础数据，
     */
    @Override
    public void onCreateData() {
        super.onCreateData();
        MyOnDialogClickListener onDialogClickListener = new MyOnDialogClickListener();
        loadingDialog = new LoadingDialog(this);//.setOnKeyListener(SimpleOnKeyListener.dismissNotKillActivity(this));
        oneButtonDialog = new OneButtonDialog(this).setOnDialogClickListener(onDialogClickListener);
        selectedProductDialog = new SelectedProductDialog(this, findViewById(Window.ID_ANDROID_CONTENT)).setOnDialogClickListener(onDialogClickListener);
        noticeDialog = new NoticeDialog(this).tag("noticeDialog").setOnDialogClickListener(onDialogClickListener);
        setOnClickListener(R.id.tv_loadingDialog, R.id.tv_oneButtonDialog, R.id.tv_taobao, R.id.tv_notice);
    }
    private final class MyOnDialogClickListener implements OnDialogClickListener<SimpleDialog> {
        @Override
        public void onDialogClick(SimpleDialog dialog, @ClickPosition String clickPosition) {
            LogUtil.e("tag = " + dialog.tag + " clickPosition =" + clickPosition);
            dialog.dismiss();
        }
    }
}


Wei_Leng
关注
  • 1
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 1
    评论
专栏目录
Dialog 自定义
reglog
04-12 829
开发中，相信经常会用到弹窗的这种交互设计，我比较喜欢用PopupWindow自定义布局，之前也写了关于它的总结，所以很少会考虑到dialog，虽然有些弹框用dialog会更方便些，然后最近在写弹窗的时候，遇到一个比较郁闷的问题，EditText嵌入到PopupWindow，在EditText获得焦点的情况下软键盘不会自动弹起，最开始我还以为是我的某些属性没设置才导致的， 后来百度才发现自己...
详解Dialog(三)——自定义对话框视图及参数传递
启舰
01-14 3万+
前言：这篇文章是有关对话框的最后一篇了，最近工作是很忙，不过闲下来的时候也不想写博客，估计是累过头了，还好以前定了个任务，每个月必须写四篇，这才强制自己去一直更新，马总说过，梦想这东西还是要有的，万一实现了呢，趁在阿里的两年，努力！ 相关文章： 1、《详解Dialog（一）——基础元素构建》 2、《详解Dialog(二)——有关列表的构建》 3、《详解Dialog(三)——自定义对话框视...
简单自定义Dialog
延成的博客
12-31 194
版权声明：本文为延成原创文章，转载请标明出处 /** * 自定义提示窗 * Created by Corleone on 2018/7/6. */ public class NetNoticeDialog extends Dialog { private static final String TAG = NetNoticeDialog.class.getSimpleName()...
Android/安卓 自定义Dialog 最简单、最详细解释
Chyumin的博客
03-20 1万+
全网最简明的自定义Dialog
最详细的自定义dialog
yy1090582686的博客
12-25 1901
不说废话，直接上代码，在代码上添加注释说明。 １．建立xml文件 这个xml布局：从上到下：一个标题 ，中间内容，下面两个并列的按钮。 &lt;?xml version="1.0" encoding="utf-8"?&gt; &lt;LinearLayout xmlns:android="http://schemas.android.com/apk/res/android" and...
自定义Dialog的详细步骤（实现自定义样式一般原理）
热门推荐
七号公园的博客
03-22 3万+
自定义Dialog的详细步骤（实现自定义样式一般原理）        现在很多App的提示对话框都非常有个性，然而你还用系统的对话框样式，是不是觉得很落后呢，今天我就给大家讲讲怎样自定义自己的Dialog，学会了之后，你就会根据自家app的主题，设计出相应的Dialog的风格。       好了接下来我就以一个简单风格的自定义Dialog来讲讲自定义dialog的一般步骤和原理。
自定义Dialog
willba的博客
05-24 2453
在自定义Dialog之前,首先推荐一篇Dialog文章,其拓展性特别强: https://github.com/jiang111/IndicatorDialog在开发中,有时候会遇到使用Dialog的时候,弹出Dialog时,背景的颜色变化总是时一层黑色,这样的解决方案只是需要在引用style时设置属性 false即可自定义Dialog效果图如下: 代码如下:第一步: 点击t
android 自定义Dialog提示+动画效果
07-15
在Android开发中，自定义Dialog是一种常见的需求，它允许开发者根据应用的UI风格和功能需求进行个性化设计。本文将深入探讨如何实现一个带有动画效果的自定义Dialog，并以"android 自定义Dialog提示+动画效果"为主题...
Android自定义Dialog内部透明、外部遮罩效果
08-26
Android 自定义 Dialog 内部透明...Android 自定义 Dialog 内部透明、外部遮罩效果是 Android 应用程序中的一种常见的 UI 设计效果，通过自定义 Dialog，我们可以实现各种复杂的 UI 设计效果，提高应用程序的用户体验。
Android自定义Dialog实现加载对话框效果
08-27
Android 自定义 Dialog 是一种常见的对话框实现方式，它可以满足我们在实际开发中对对话框的各种需求。通过自定义 Dialog，我们可以实现各种不同的对话框效果，例如加载对话框、提示对话框、确认对话框等等。 实现...
android自定义弹框dialog效果
04-04
在Android开发中，自定义对话框（Dialog）是常见的需求，它可以提供更加个性化的用户体验，增强应用的交互性。本文将深入探讨如何基于Android源码实现一个名为CSDialog的自定义弹框效果。 首先，CSDialog是作者为...
非常好用Android自定义Dialog（确认/取消），自定义标题，背景模糊，点击边框外取消等
gsrkuang的博客
04-06 4336
学习目标： 今天看了谋篇文章的自定义Dialog并且学习了一下，复刻的非常完美，这个Dialog我用于系统提示，包括提示用户登录，提示网络请求等等。文章也是照搬过来的无其他的修改 原文链接在这里 自定义Dialog的详细步骤（实现自定义样式一般原理） 学习内容： 提示：这里可以添加要学的内容 例如： 第一步: 给Dialog设置一个风格主题（基本都是用这个主题）无边框全透明背景： <!--自定义dialog背景全透明无边框theme --> <style name="My
Vue组件：自定义弹窗组件Dialog详解
最新发布
工作的日常记录和平凡的生活分享
10-18 6246
项目中大量的模块因字段都比较少，因此添加和编辑用弹框的形式更加方便，但是UI的设计和现用的组件库的弹框组件差异比较大，只能自己动手封装这么一个组件了。通过自定义弹窗组件ByDialog，我们可以在Vue.js应用中创建高度定制化的弹窗功能。通过属性、事件和插槽的灵活运用，我们可以实现各种弹窗样式和交互效果。
自定义dialog
m0_61442059的博客
07-21 216
自定义 dialog
完全自定义Dialog
xiyangyang8110的博客
04-01 1712
private void getJobTitleDialog() { View dialogView = getLayoutInflater().inflate(R.layout.commit_dialog_view, null); AlertDialog.Builder builder = new AlertDialog.Builder(this); AlertDialog alertDialog = builder.setView(dialogVi..
javaGUI字体讨论
kkxygjf的博客
07-22 450
我们知道java有5种逻辑字体，分别是 Serif、Sanserif、Monospace、Dialog 以及 DialogInput。当你在程序中比如 UIDefaults ui = UIManager.getLookAndFeelDefaults(); ui.put("TextArea.font", new FontUIResource("DialogInput", Font.BOLD, 1...
vue el-dialog 美化消息提示
07-22
你可以通过自定义样式来美化Vue的el-dialog组件中的消息提示。下面是一些常见的美化方法： 1. 修改背景颜色和边框样式： 在el-dialog的样式中添加自定义的class，然后在该class中设置背景颜色、边框样式等属性。 ...

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 1
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值