Android Dialog 層級處理方案之ViewDialog

問題梳理

在之前公司做直播項目的時候，在首頁會彈出很多dialog，當(dāng)時有2種方案。
一種是一次只彈出一個，每次回到首頁再次彈出一個。
第二種層疊堆放。
因為眾所周知原因，政策彈窗永遠(yuǎn)要在最上層，其次是升級彈窗等。
第一種我們暫不討論，各家有各家解決方案。
第二種是大家常用方案，一般解決方案就是我延遲幾秒彈出，則最上層的必然是XX彈窗。但是當(dāng)涉及網(wǎng)絡(luò)接口的時候，不可抗拒力就變大了，畢竟存在網(wǎng)絡(luò)延遲和重試問題。
我們針對第二種情況封裝了基于View的dialog,在內(nèi)部進(jìn)行層級處理，基于FrameLayout的堆疊特性。實現(xiàn)了ViewDialog。經(jīng)過線上的考驗。
使用方式簡單粗暴。

解決方案

依賴開源庫

 implementation 'io.github.nuonuoOkami:ViewDialog:1.0.0'

使用方法

無需業(yè)務(wù)處理
//直接傳入布局
    ViewDialog(MainActivity@ this, layout = R.layout.activity_main).show()
    // 支持傳入View
    ViewDialog(
        MainActivity@ this,
        rootView = LayoutDialogBinding.inflate(layoutInflater).root
    ).show()
內(nèi)部進(jìn)行業(yè)務(wù)處理 繼承ViewDialog
 //自定義Demo
 class DemoDialog2(content: Activity) :
ViewDialog(content, rootView = LayoutDialogBinding.inflate(content.layoutInflater).root) {


//控件處理
override fun bindUI(rootView: View) {
    super.bindUI(rootView)
}

//level 越大 顯示的時候就在上面
override fun level() = 3

//默認(rèn)warp
override fun params(): LayoutParams {
    val layoutParams = LayoutParams(
        LayoutParams.WRAP_CONTENT,
        LayoutParams.WRAP_CONTENT
    )
    layoutParams.gravity = gravity()
    return layoutParams
}

//同類型只能存在一個 避免多次彈窗
override fun single()=true
//是否彈窗變黑
override fun isDark()=true
//支持響應(yīng)事件
override  fun   canceledAble()=true

//是否可以點擊外部取消
override  fun canceledOnTouchOutside() = true
//業(yè)務(wù)處理
    override fun business() {
        super.business()
    }

//直接調(diào)用show()和dismiss()就行，無需其他操作
     val dialog2=   DemoDialog2(MainActivity@this)
        dialog2 .show()
        dialog2.dismiss()

原理解析

找到當(dāng)前Activity的rootView,添加進(jìn)一個容器 XViewDialogContainer，設(shè)置tag。
當(dāng)ViewDialog 調(diào)用show()的時候，會檢查當(dāng)前頁面有沒有對應(yīng)容器，沒有就進(jìn)行容器添加，有則直接調(diào)用容器將自己添加進(jìn)去。
在 容器內(nèi)部，根據(jù)所謂的level 值 進(jìn)行添加，其實這里就是z值，容器的Z值被設(shè)置的特別高，為65535，一般沒有正常View會超過這個值。
在內(nèi)部添加ViewDialog的時候，會對傳入的ViewDialog 進(jìn)行排序。如果需要響應(yīng)返回事件和點擊外部消失，也做了對應(yīng)的處理。
因為實現(xiàn)了DialogInterface ，所以使用方法和普通dialog一致。
現(xiàn)將核心代碼奉上，大家可以參考，歡迎提出建議！

源碼

open class ViewDialog(context: Context, rootView: View? = null, layout: Int? = null) : IViewDialog,ViewDialogBusiness,
    FrameLayout(context) {
    override fun cancel() {
        dismiss()
    }

    override fun dismiss() {
        if (parent != null) {
            (parent as ViewGroup).removeView(this)
        }
    }
    open fun level(): Int = 0
    open fun params(): LayoutParams {
        val layoutParams = LayoutParams(
            LayoutParams.WRAP_CONTENT,
            LayoutParams.WRAP_CONTENT
        )
        layoutParams.gravity = gravity()
        return layoutParams
    }

    open fun gravity() = Gravity.CENTER
    init {
        if (rootView == null && layout == null) {
            throw RuntimeException("必須選擇傳入布局或者view")
        }


        if (rootView != null) {
            addView(rootView, params())
            bindUI(rootView)

        } else {
            val root = LayoutInflater.from(context)
                .inflate(layout!!, null)
            addView(
                root, params()
            )

            bindUI(root)


        }

        this.z = this.level().toFloat()

        if (this.isDark()) {
            this.setBackgroundColor("#4d000000".toColor())
        }
        safeClickListener {
            if (canceledOnTouchOutside()) {
                dismiss()
            }
        }


    }


    open fun bindUI(rootView: View) {

    }


    open fun show() {
        val activity = context.findActivity()
        if (activity != null) {
            val root = activity.window.decorView.rootView
            var viewDialogContainer =
                root.findViewWithTag<XViewDialogContainer>(XViewDialogContainer::class.java.name)
            //還沒容器就添加容器
            if (viewDialogContainer == null) {
                viewDialogContainer = XViewDialogContainer(context)
                (root as ViewGroup).addView(
                    viewDialogContainer,
                    ViewGroup.LayoutParams(
                        ViewGroup.LayoutParams.MATCH_PARENT,
                        ViewGroup.LayoutParams.MATCH_PARENT
                    )
                )

            }
            //顯示添加
            viewDialogContainer.showDialog(this)

        }
    }

    override fun business() {

    }


}

class XViewDialogContainer : FrameLayout {


    constructor(context: Context) : super(context)
    constructor(context: Context, attrs: AttributeSet) : super(context, attrs)

    fun showDialog(child: ViewDialog) {


        val params =
            LayoutParams(ViewGroup.LayoutParams.MATCH_PARENT, ViewGroup.LayoutParams.MATCH_PARENT)
        if (child.single()) {
            children
            val has = children.firstOrNull {
                it::class.java.name.equals(child::class.java.name)
            }
            if (has != null) {
                return
            } else {
                addView(child, params)
            }
        } else {
            addView(child, params)
        }


    }

    init {
        isFocusable = true
        isFocusableInTouchMode = true;
        requestFocus()
        z = 65535f

        setOnKeyListener { _, keyCode, event ->
            if (keyCode == KeyEvent.KEYCODE_BACK && event.action == KeyEvent.ACTION_UP) {
                if (childCount > 0) {
                    //遍歷第一個
                    val childZ = sortByZ()

                    val first = childZ.firstOrNull {
                        (it as IViewDialog).canceledAble()
                    }
                    if (first != null) {
                        (first as IViewDialog).dismiss()
                    }
                }

            }
            false

        }
    }

    override fun getChildDrawingOrder(childCount: Int, drawingPosition: Int): Int {
        val orderedViews: MutableList<View> = ArrayList()
        for (j in 0 until childCount) {
            val child = getChildAt(j)
            orderedViews.add(child)
        }

        orderedViews.sortWith { view1, view2 ->
            val zIndex1 = view1.z.toInt()
            val zIndex2 = view2.z.toInt()
            zIndex1.compareTo(zIndex2)
        }

        return indexOfChild(orderedViews[drawingPosition])
    }

    /**
     * z軸排序響應(yīng)返回事件
     * @return MutableList<View>
     */

    private fun sortByZ(): MutableList<View> {
        val list = children.toMutableList()
        list.toMutableList().sortWith { a, b ->
            a.z.toInt().compareTo(b.z.toInt())
        }
        return list

    }

    init {
        tag=this::class.java.name
    }

}

總結(jié)

該方案并非百分百解決所有問題，但是基于我們的業(yè)務(wù)線是沒有問題的。
但是該方案因為是基于View,則不可能比默認(rèn)系統(tǒng)Dialog 彈出層級更高，所以在使用的時候，需要結(jié)合自身業(yè)務(wù)需求進(jìn)行處理。
代碼比較簡單，侵入性極低?；静淮嬖谛孤╋L(fēng)險。大家可以參考自己業(yè)務(wù)線需求處理。

基友網(wǎng)地址

https://github.com/nuonuoOkami/XViewDialog/blob/master/README.md

最后編輯于 ：
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
【社區(qū)內(nèi)容提示】社區(qū)部分內(nèi)容疑似由AI輔助生成，瀏覽時請結(jié)合常識與多方信息審慎甄別。
平臺聲明：文章內(nèi)容（如有圖片或視頻亦包括在內(nèi)）由作者上傳并發(fā)布，文章內(nèi)容僅代表作者本人觀點，簡書系信息發(fā)布平臺，僅提供信息存儲服務(wù)。

相關(guān)閱讀更多精彩內(nèi)容

友情鏈接更多精彩內(nèi)容