GenjiDialog

基于kotlin的通用dialog

之前我是自己Fork了的一個叫NiceDialog的庫，
但是在這基礎(chǔ)上自己加了很多功能來自用阀圾，但是后來開始用kotlin開發(fā)之后哪廓，
發(fā)現(xiàn)很多東西都能簡化，畢竟kotlin的語法糖不能浪費(fèi)了初烘，所以就有了這個庫涡真，
只要我還在做Android開發(fā)，應(yīng)該會一直維護(hù)該庫肾筐。

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

依賴

allprojects {
    repositories {
        ...
        maven { url 'https://jitpack.io' }
    }
}

dependencies {
    implementation 'com.github.q876625596:GenjiDialogV2:1.1.0'
}

廢話不多說哆料，直接上圖

show_on_window.gif

show_on_view.gif

show_mask_slide.gif

內(nèi)置大量基礎(chǔ)動畫，基本能滿足基本需求

第一次寫README也不知道該怎么吹吗铐，就直接貼代碼吧

newGenjiDialog {
    width = dp2px(100f)
    height = dp2px(100f)
}.showOnWindow(supportFragmentManager)

就這么簡單东亦，一個默認(rèn)居中的加載中l(wèi)oadDialog就出來了，如圖：

loading.gif

1唬渗、位置

如果我想讓他顯示在屏幕右上角怎么辦典阵？非常簡單！

newGenjiDialog {
    width = dp2px(100f)
    height = dp2px(100f)
    gravity = DialogGravity.RIGHT_TOP
}.showOnWindow(supportFragmentManager)

DialogGravity這個枚舉中我設(shè)定了9種顯示方式镊逝，左上壮啊，中上，右上撑蒜，左中歹啼，正中，右中座菠，左下狸眼，中下，右下

因此只需要添加一行代碼指定dialog的位置就行了辈灼、效果如圖：

loading_right_top.gif

你現(xiàn)在可能要問了份企，你只設(shè)置了9個位置，我需要偏移怎么辦呢,
當(dāng)然巡莹，這時候就需要用到偏移了

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

就這樣我就給dialog加上了橫向縱向分別100dp的偏移司志，效果如圖：

loading_right_top_margin.gif

關(guān)于這個偏移量甜紫，這里我多說兩句，原本偏移量的取值范圍是在[0-1]骂远，指的是所占屏幕寬高的百分比囚霸，
但是為了方便起見，我這里給大于1的偏移量自動換算成了百分比激才，如果針對個別機(jī)型有誤差的拓型，可以自行換算成[0-1]即可

2、動畫

細(xì)心地你可能發(fā)現(xiàn)了瘸恼，在屏幕右上角顯示的時候是從屏幕邊緣滑出的劣挫，
沒錯，我給DialogGravity的每一個顯示位置都設(shè)定了默認(rèn)的動畫东帅，
當(dāng)沒有指定動畫的時候就會按照默認(rèn)的動畫來顯示压固、

當(dāng)然自定義動畫是肯定要有的

newGenjiDialog {
    width = dp2px(100f)
    height = dp2px(100f)
    animStyle = R.style.ScaleADEnterExitAnimationX50Y50
    gravity = DialogGravity.RIGHT_TOP
}.showOnWindow(supportFragmentManager)

這樣就完成了動畫的自定義，當(dāng)然你還可以這樣寫:

dialog.showOnWindow(supportFragmentManager,DialogGravity.RIGHT_TOP,R.style.ScaleADEnterExitAnimationX50Y50)

效果如圖：

loading_right_top_scale_ad.gif

內(nèi)置動畫我在style文件中注釋寫了作用靠闭，可以自己去看看

如果想要貼在一個view附近怎么辦帐我？

newGenjiDialog {
    width = dp2px(100f)
    height = dp2px(100f)
    animStyle = R.style.ScaleADEnterExitAnimationX50Y100
    gravityAsView = DialogGravity.CENTER_TOP
}.showOnView(supportFragmentManager,showLoading)

需要注意的是這里的gravaty換成了gravityAsView，效果如圖：

loading_center_top_as_view.gif

同樣你還可以這樣寫:

dialog.showOnWindow(supportFragmentManager,DialogGravity.RIGHT_TOP,R.style.ScaleADEnterExitAnimationX50Y50)

相對view的偏移量 offsetX和offsetY屬性

這兩個屬性建議去DialogOptions中的dialogAsView()方法去查看方法注釋

附加一個稍微特殊點(diǎn)的滑出方式（帶遮罩）

newGenjiDialog { genjiDialog ->
    //設(shè)置布局
    layoutId = R.layout.slide_view_bottom
    //isLazy = true
    //設(shè)置橫縱向占滿
    isFullHorizontal = true
    isFullVerticalOverStatusBar = true
    //陰影透明度
    dimAmount = 0f
    //處理事件/數(shù)據(jù)綁定
    convertListenerFun { holder, dialog ->
        //設(shè)置點(diǎn)擊realView以外的部分就dismiss
        holder.setOnClickListener(R.id.bottomTouchView) {
            if (canClick) {
                dialog.dismiss()
            }
        }.setOnClickListener(R.id.topTouchView) {
            if (canClick) {
                dialog.dismiss()
            }
        }
    }
    setOnEnterAnimator { rootView ->
        //在此處設(shè)置進(jìn)入動畫
        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的父布局(遮罩布局)設(shè)置距頂部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)

效果圖：

show_mask_slide_down.gif

基本的顯示模式都已經(jīng)說了愧膀，接下來就放一個整體可見的參數(shù)表格出來

GenjiDialog中

DialogOptions

這里我給出的屬性/方法场航，注釋不詳細(xì)可以到DialogOptions源碼里面查看缠导，那里面注釋很詳細(xì)

因為也是第一次寫kotlin的庫，可能有一些東西不算很完美溉痢，希望有能力強(qiáng)的大佬能夠指出

喜歡的話請點(diǎn)個star支持一下僻造，謝謝

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