一个kotlin编写的dialog库，希望这是你使用的最后一个dialog库

最新推荐文章于 2024-04-24 08:15:00 发布
最新推荐文章于 2024-04-24 08:15:00 发布
阅读量434 收藏 1
点赞数
文章标签： 移动开发 java
原文链接：https://juejin.im/post/5b73049ef265da282e0bc6ad
版权

GenjiDialog

基于kotlin的通用dialog
v1.1.2更新： kotlin版本升级到1.2.60，buildGradle版本升级到3.1.4，针对github中的issue修改了之前在AAA类继承GenjiDialog时，重写extendsOptions()的使用方式（ps：v1.1.1版本是个废弃版本，不知道为什么jitpack不编译）

之前我是自己Fork了的一个叫NiceDialog的库， 但是在这基础上自己加了很多功能来自用，但是后来开始用kotlin开发之后， 发现很多东西都能简化，毕竟kotlin的语法糖不能浪费了，所以就有了这个库， 只要我还在做Android开发，应该会一直维护该库。

项目地址：https://github.com/q876625596/GenjiDialogV2

依赖
allprojects {
    repositories {
        ...
        maven { url 'https://jitpack.io' }
    }
}
复制代码
dependencies {
    implementation 'com.github.q876625596:GenjiDialogV2:1.1.2'
}
复制代码

废话不多说，直接上图

内置大量基础动画，基本能满足基本需求
第一次写README也不知道该怎么吹，就直接贴代码吧
newGenjiDialog {
    width = dp2px(100f)
    height = dp2px(100f)
}.showOnWindow(supportFragmentManager)
复制代码

就这么简单，一个默认居中的加载中loadDialog就出来了，如图：

1、位置

如果我想让他显示在屏幕右上角怎么办？非常简单！
newGenjiDialog {
    width = dp2px(100f)
    height = dp2px(100f)
    gravity = DialogGravity.RIGHT_TOP
}.showOnWindow(supportFragmentManager)
复制代码
DialogGravity这个枚举中我设定了9种显示方式，左上，中上，右上，左中，正中，右中，左下，中下，右下

因此只需要添加一行代码指定dialog的位置就行了、效果如图：

你现在可能要问了，你只设置了9个位置，我需要偏移怎么办呢, 当然，这时候就需要用到偏移了

newGenjiDialog {
    width = dp2px(100f)
    height = dp2px(100f)
    verticalMargin = dp2px(100f).toFloat()
    horizontalMargin = dp2px(100f).toFloat()
    gravity = DialogGravity.RIGHT_TOP
}.showOnWindow(supportFragmentManager)
复制代码

就这样我就给dialog加上了横向纵向分别100dp的偏移，效果如图：

关于这个偏移量，这里我多说两句，原本偏移量的取值范围是在[0-1]，指的是所占屏幕宽高的百分比， 但是为了方便起见，我这里给大于1的偏移量自动换算成了百分比，如果针对个别机型有误差的，可以自行换算成[0-1]即可

2、动画

细心地你可能发现了，在屏幕右上角显示的时候是从屏幕边缘滑出的， 没错，我给DialogGravity的每一个显示位置都设定了默认的动画， 当没有指定动画的时候就会按照默认的动画来显示、

当然自定义动画是肯定要有的
newGenjiDialog {
    width = dp2px(100f)
    height = dp2px(100f)
    animStyle = R.style.ScaleADEnterExitAnimationX50Y50
    gravity = DialogGravity.RIGHT_TOP
}.showOnWindow(supportFragmentManager)
复制代码

这样就完成了动画的自定义，当然你还可以这样写:

dialog.showOnWindow(supportFragmentManager,DialogGravity.RIGHT_TOP,R.style.ScaleADEnterExitAnimationX50Y50)
复制代码

效果如图：

内置动画我在style文件中注释写了作用，可以自己去看看

如果想要贴在一个view附近怎么办？
newGenjiDialog {
    width = dp2px(100f)
    height = dp2px(100f)
    animStyle = R.style.ScaleADEnterExitAnimationX50Y100
    gravityAsView = DialogGravity.CENTER_TOP
}.showOnView(supportFragmentManager,showLoading)
复制代码

需要注意的是这里的gravaty换成了gravityAsView，效果如图：

同样你还可以这样写:

dialog.showOnWindow(supportFragmentManager,DialogGravity.RIGHT_TOP,R.style.ScaleADEnterExitAnimationX50Y50)
复制代码
相对view的偏移量 offsetX和offsetY属性

这两个属性建议去DialogOptions中的dialogAsView()方法去查看方法注释

附加一个稍微特殊点的滑出方式（带遮罩）
newGenjiDialog { genjiDialog ->
    //设置布局
    layoutId = R.layout.slide_view_bottom
    //isLazy = true
    //设置横纵向占满
    isFullHorizontal = true
    isFullVerticalOverStatusBar = true
    //阴影透明度
    dimAmount = 0f
    //处理事件/数据绑定
    convertListenerFun { holder, dialog ->
        //设置点击realView以外的部分就dismiss
        holder.setOnClickListener(R.id.bottomTouchView) {
            if (canClick) {
                dialog.dismiss()
            }
        }.setOnClickListener(R.id.topTouchView) {
            if (canClick) {
                dialog.dismiss()
            }
        }
    }
    setOnEnterAnimator { rootView ->
        //在此处设置进入动画
        AnimatorSet().apply {
            duration = 500L
            val realView = rootView.findViewById<View>(R.id.realView)
            val touchView = rootView.findViewById<View>(R.id.bottomTouchView)
            val topTouchView = rootView.findViewById<View>(R.id.topTouchView)
            val maskLayout = rootView.findViewById<View>(R.id.maskLayout)
            //给realView的父布局(遮罩布局)设置距顶部margin
            maskLayout?.apply {
                layoutParams = (layoutParams as ConstraintLayout.LayoutParams).apply {
                    topMargin = (slideForBottom.y + slideForBottom.height).toInt()
                }
            }
            play(ObjectAnimator
                    .ofFloat(realView, "y", -UtilsExtension.dp2px(resources, 200f).toFloat(), 0f))
                    .with(ObjectAnimator
                            .ofFloat(touchView, "alpha", 0f, 1f))
                    .with(ObjectAnimator
                            .ofFloat(topTouchView, "alpha", 0f, 1f))
        }
    }
    setOnExitAnimator {
        //退出动画
        AnimatorSet().apply {
            duration = 500L
            val realView = it.findViewById<View>(R.id.realView)
            val touchView = it.findViewById<View>(R.id.bottomTouchView)
            val topTouchView = it.findViewById<View>(R.id.topTouchView)
            play(ObjectAnimator
                    .ofFloat(realView, "y", 0f, -UtilsExtension.dp2px(resources, 200f).toFloat()))
                    .with(ObjectAnimator
                            .ofFloat(touchView, "alpha", 1f, 0f))
                    .with(ObjectAnimator
                            .ofFloat(topTouchView, "alpha", 1f, 0f))
        }
    }
}.showOnWindow(supportFragmentManager)
复制代码

效果图：

基本的显示模式都已经说了，接下来就放一个整体可见的参数表格出来
GenjiDialog中
属性名/方法名介绍
rootViewlayoutId所对应的布局
getMyActivity()获取该dialog所在的activity
setDialogOptions(...)设置dialogOptions
getDialogOptions()获取dialogOptions
extendsOptions()当继承GenjiDialog时需要重写该方法，在该方法里面设置新的dialogOptions
showOnWindow(...)将dialog显示在屏幕中，有多个重载方法，具体可见源码注释
showOnView(...)将dialog依附于某个View，有多个重载方法，具体可见源码注释
DialogOptions
属性名/方法名介绍
layoutId布局id，默认:R.layout.loading_layout
dialogStyledialog的样式，一般情况下不用修改，为了方便某些朋友可能有特殊需求，所以放出来可供重写，默认：DialogFragment.STYLE_NO_TITLE
dialogThemeFundialog的主题，同上，重写方法setDialogTheme(fun)
setStatusBarModeFundialog的状态栏设置，同上，重写方法setStatusMode(fun)
animStyledialog的进出动画，用于一般情况，内置了很多日常所需动画，可以到res/values/styles中查看，动画文件在res/anim中查看，默认根据gravity来判断
setOnEnterAnimator(fun)dialog的进入动画，这个动画是用于一些特殊情况，比如上面的带遮罩的滑出动画，默认：null
exitAnimator(fun)dialog的退出动画，同上 （这两个动画的示例请看上面带遮罩滑出动画的代码，也可以去源码查看）
canClick否可以触发取消，默认：true，比如在动画开始时将此属性设置false，防止在动画进行时，被再次触发动画，当使用上面两种自定义特殊动画时，我已经默认添加了改变这个状态值的监听
isLazy是否懒加载，默认：false，是否在动画完成时才执行convertListener
duration懒加载的延时，默认：0L，配合isLazy使用，这个值一般设置为动画的时长，为了保证动画流畅
dialogStatusBarColordialog的statusBar颜色，默认：透明，一般来说无需改变
widthdialog宽度，默认：0px
heightdialog高度，默认：0px
isFullHorizontaldialog是否横向占满，默认：false
isFullVerticaldialog是否纵向占满，默认：false，该纵向占满并非全屏，纵向占满会自动扣掉状态栏的高度
isFullVerticalOverStatusBardialog是否纵向占满，默认：false，该纵向占满全屏不会扣掉状态栏高度,是真正的全屏
verticalMargindialog上下边距，默认：0，详细注释请在源码中查看
horizontalMargindialog左右边距，默认：0，详细注释请在源码中查看
fullVerticalMargindialog在上下占满时的边距，默认：0px
fullHorizontalMargindialog在左右占满时的边距，默认：0px
dimAmountdialog背景的阴影的透明度：默认：0.3f
gravitydialog显示为showOnWindow()时的位置：默认：DialogGravity.CENTER_CENTER
gravityAsViewdialog显示为showOnView()时的位置：默认：DialogGravity.CENTER_BOTTOM
dialogViewXx轴坐标值，用于特殊动画时定位dialog，默认：0px
dialogViewYy轴坐标值，用于特殊动画时定位dialog，默认：0px
offsetX当dialog依附在view上时x轴的偏移量，默认：0px
offsetX当dialog依附在view上时x轴的偏移量，默认：0px
touchCancel是否点击屏幕区域取消（不包含返回按钮），默认：false
outCancel是否点击外部取消，默认：false，当 touchCancel == true时此属性无效，必须是 touchCancel和该属性均为false时，那么点击屏幕区域和返回按钮都不能关闭dialog
showDismissMap显示与消失的监听map
onKeyListener按钮监听
convertListenerview初始化

这里我给出的属性/方法，注释不详细可以到DialogOptions源码里面查看，那里面注释很详细

因为也是第一次写kotlin的库，可能有一些东西不算很完美，希望有能力强的大佬能够指出

喜欢的话请点个star支持一下，谢谢

项目地址：https://github.com/q876625596/GenjiDialogV2

weixin_33859504
关注
  • 0
    点赞
  • 踩
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
kotlin常见的几种dialog样式
cf8833的博客
06-30 1537
main <?xml version="1.0" encoding="utf-8"?> <LinearLayout xmlns:android="http://schemas.android.com/apk/res/android" xmlns:app="http://schemas.android.com/apk/res-auto" xmlns:tools="http://schemas.android.com/tools" android:layout_wi
第四章：kotlin：json数据Bean类
qq_38524537的博客
08-31 1440
kotlin学习笔记
kotlin使用建造者模式自定义对话框
最新发布
Android23333的博客
04-24 363
1.CommonDialog 创建我们自己的对话框,继承于系统的Dialog 实现构造方法。本文实例为大家分享了kotlin自定义对话框的具体代码，供大家参考，具体内容如下。2.Android Framework学习指南，助力成为系统级开发高手。4.企业级Android音视频开发学习路线+项目实战（附源码）1.Android车载应用开发系统学习指南（附项目实战）以上就是本文的全部内容，希望对大家的学习有所帮助。10.Android零基础入门到精通，高手进阶之路。3.在需要的地方使用。
Kotlin中自定义dialog
The blog of CSDN in 杨天福
04-07 8876
文章目录效果dialog样式dialog 背景 common_dialog_bgdialog布局 base_common_dialog_layout全局工具类 CommonDialog（建造者模式）使用 效果 dialog样式 <style name="custom_dialog2" parent="@android:style/Theme.Dialog"> &...
Kotlin封装一个DSL语法的DialogFragment
XBlithe的博客
12-28 1820
DSL（domain specific language），即领域专用语言：专门解决某一特定问题的计算机语言。由于它是以简洁的形式进行表达，整体上直观易懂，使得调用代码和读代码的成本都得以降低，即使是不懂编程语言的一般人都可以进行使用。比如大家比较熟悉的SQL语句和正则表达式。 所谓领域也就是限定语言是适用于一定范围的。可以看做是封装了一套东西, 用于特定的功能, 优势是复用性和可读性的增强。
Kotlin MeterialDialog实现loading
qq_34443261的博客
08-03 665
1.导入 implementation “com.afollestad.material-dialogs:core:3.3.0” implementation “com.afollestad.material-dialogs:lifecycle:3.3.0” 2.布局文件 <?xml version="1.0" encoding="utf-8"?> <androidx.cardview.widget.CardView xmlns:android=“http://schemas.androi
Android-AlertView一个用Kotlin编写的库用于创建简单可自定义的对话框
08-12
AlertView 是一个基于 Kotlin 开发的 Android 库，专门用于构建可自定义的对话框。在 Android 应用开发中，对话框（Dialog）...在 Android 应用开发中，这样一个库是相当有价值的工具，值得开发者在项目中尝试和应用。
GenjiDialogV2:一个实用的Dialog库
05-15
发现很多东西都能简化，毕竟kotlin的语法糖不能浪费了，所以就有了这个库， 只要我还在做Android开发，应该会一直维护该库。 依赖 allprojects { repositories { ... maven { url 'https://jitpack.io' } } } ...
Android-一个简洁的汇率转换软件使用kotlin编写
08-13
Anko是Kotlin的一个非常有用的库，由JetBrains团队维护，它为Android开发者提供了简洁的DSL（领域特定语言）来替代XML布局文件，使UI编写更加直观和高效。Anko库包含对Android SDK的许多便捷函数，例如意图（Intent...
IP地址输入框(Kotlin,Dialog)
08-28
这个项目“IP地址输入框(Kotlin, Dialog)”提供了一个使用Kotlin语言编写的对话框（Dialog）组件，它专门用于输入IPv4地址，具有良好的用户体验和界面设计。 首先，我们要理解Kotlin作为编程语言的优势。Kotlin是...
Material Dialogs:适用于Kotlin和Android的流畅且可扩展的对话框API-开源
04-25
“材质对话框”使构造和使用“材质设计”对话框超级优雅且有趣。 核心模块是使用此库所需的基本模块。 其他是核心的扩展。 请注意，从Material Dialogs 2.xx开始，此库仅支持Kotlin。 最新的Java版本是0.9.6.0。 请注意，不支持0.9.6.0，因此不会对该版本进行错误和改进。 核心模块包含了开始使用该库所需的一切。 它包含所有核心功能和正常使用功能。 输入模块包含核心模块的扩展，例如文本输入对话框。 文件模块包含核心模块的扩展，例如文件和文件夹选择器。 颜色模块包含核心模块的扩展，例如颜色选择器。 datetime模块包含用于创建日期，时间和日期时间选择器对话框的扩展。
各种dialog的封装实现
08-19
这里封装了常用的Toast,Loading, 提示框，对话框，单选对话框，列表对话框，底部弹出对话框等，这里做个记录，方便以后复用，使用起来也非常简单和方便。
Dialog的简单封装
浅颜如梦
08-09 672
许久没来，突发奇想，想要把自己用到的一些项目分享出去，那就从最简单的一个开启：dialog的简单封装使用。 先上图，看下大致的用法： new WrapperDialog(this) { @Override public int getLayoutRes() { return R.layout.dialog_normal; } @Overri...
Android Material-dialogs的使用（kotlin）
weixin_45379305的博客
11-28 5751
文章目录前言一、Material-dialogs是什么？二、使用步骤1.引入库2.使用弹窗总结 前言 这篇文章是对框架Material-dialogs的使用的总结，如果已经熟练使用，那这篇文章对您毫无帮助 提示：以下是本篇文章正文内容，下面案例可供参考 一、Material-dialogs是什么？ Material-dialogs为一个弹窗的框架，帮助我们快速搭建各种弹窗，使用这个框架的理由只有一个，它是kotlin，并且具有高度自定义性，此文章默认读者已经会基本使用kotlin 二、使用步骤 1.引入
Kotlin自定义Dialog
Smile乾的博客
06-16 2324
Kotlin自定义Dialog 面对现在要求各异的开发要求，必须要会自定义各种弹窗，先来一个自定义dialog记录一下子。 1,新建一个.kt 类继承Dialog，然后写一个布局，声明一下布局内对应的控件。 class SafeCenterDialog : Dialog { var tvTitle: TextView? = null var ivDialogIcon: ImageView? = null var tvDialogContent: TextVi
Android实战场景 - 用Kotlin写个能让我进步的Dialog
Android、前端、小程序、后端
02-04 1302
去年接到过一个小需求，一个简简单单的弹框，不论是用dialog、popupWindow都能很轻松的实现；之所以记录是因为每一次都感觉好像进步了一点点…
Actiivty设置统一过渡动画
you_see_what的博客
08-04 677
我们知道为activity设置过渡动画可以在startActivity（）或finish() 后重写下面方法设置过渡动画， //overridePendingTransition(R.anim.activity_in, R.anim.activity_out); 如果需要为activity设置统一的过渡动画则需要在androidmainfest.xml中设置appplication下设置自
Acitivity进入退出动画效果的两种实现
一切都刚开始
11-01 6263
以前做项目的时候一直没有注意过activity切换动画的问题，一方面因为没有人要求，一方面因为自己还没能静下心来好好学习。现在把这个问题弄清楚了，拿出来分享下。自己也做个总结。         我这里说的两种实现一种是通过调用overridePendingTransition方式指定将要打开的activity的动画和当前activity的退出动画；另一种是我昨天在做dialog进入退出时提出的想
kotlin 自定义dialog
07-08
在 Kotlin 中，你可以通过自定义 Dialog 类来创建自定义对话框。 首先，创建一个继承自 Dialog 类的自定义对话框类。在该类中，你可以指定对话框的布局和行为。 下面是一个示例： ```kotlin import android.app....

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

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

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值