Android底部彈出自定義Dialog(Kotlin)

Dialog的代碼:DrawDialog.kt

class DrawDialog(context: Context, themeResId: Int) : Dialog(context, themeResId) {
    private val TAG = DrawDialog::class.java.simpleName

    var mContext: Context = context

    var drawDot: TextView? = null
    var drawLine: TextView? = null
    var drawSurface: TextView? = null
    var drawTemplate: TextView? = null

    override fun onCreate(savedInstanceState: Bundle?) {
        super.onCreate(savedInstanceState)
        setCanceledOnTouchOutside(true)
        window?.setGravity(Gravity.BOTTOM)
        window?.setWindowAnimations(R.style.BottomSelectAnimation)

        var view: View = LayoutInflater.from(mContext).inflate(R.layout.dialog_content_circle, null)
        initView(view)
        setContentView(view)
    }

    private fun initView(view: View) {
        drawDot = view.findViewById(R.id.text_draw_dot)
        drawLine = view.findViewById(R.id.text_draw_line)
        drawSurface = view.findViewById(R.id.text_draw_circle)
        drawTemplate = view.findViewById(R.id.text)
    }

    override fun show() {
        super.show()

        val layoutParams = window!!.attributes
        layoutParams.gravity = Gravity.BOTTOM
        layoutParams.width = WindowManager.LayoutParams.MATCH_PARENT
        layoutParams.height = WindowManager.LayoutParams.WRAP_CONTENT
        window!!.decorView.setPadding(DensityUtil.dp2px(mContext, 8f), 0, DensityUtil.dp2px(mContext, 8f), DensityUtil.dp2px(mContext, 8f))
        window!!.attributes = layoutParams
    }
}

style:在styles.xml文件當中加入:

<style name="BottomDialog" parent="@android:style/Theme.Dialog">
    <item name="android:windowFrame">@null</item>
    <item name="android:windowIsFloating">true</item>
    <item name="android:windowContentOverlay">@null</item>
    <item name="android:windowFullscreen">true</item>
    <item name="android:windowAnimationStyle">@style/BottomSelectAnimation</item>
    <item name="android:windowBackground">@android:color/transparent</item>
    <item name="android:windowNoTitle">true</item>
</style>

<style name="BottomSelectAnimation" parent="Animation.AppCompat.Dialog">
    <item name="android:windowEnterAnimation">@anim/tranlate_dialog_in</item>
    <item name="android:windowExitAnimation">@anim/translate_dialog_out</item>
</style>

布局文件:dialog_content_circle.xml

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="match_parent"
    android:layout_height="wrap_content"
    android:background="@drawable/shape_dialog"
    android:orientation="vertical">

    <TextView
        android:id="@+id/text_draw_dot"
        android:layout_width="match_parent"
        android:layout_height="@dimen/column_height"
        android:background="?android:attr/selectableItemBackground"
        android:clickable="true"
        android:drawableStart="@drawable/locate"
        android:drawablePadding="16dp"
        android:gravity="center_vertical"
        android:padding="16dp"
        android:text="@string/draw_dot"
        android:textColor="#666666"
        android:textSize="14sp"/>

<TextView
    android:id="@+id/text_draw_line"
    android:layout_width="match_parent"
    android:layout_height="@dimen/column_height"
    android:background="?android:attr/selectableItemBackground"
    android:clickable="true"
    android:drawableStart="@drawable/line"
    android:drawablePadding="16dp"
    android:gravity="center_vertical"
    android:padding="16dp"
    android:text="@string/draw_line"
    android:textColor="#666666"
    android:textSize="14sp"/>

<TextView
    android:id="@+id/text_draw_circle"
    android:layout_width="match_parent"
    android:layout_height="@dimen/column_height"
    android:background="?android:attr/selectableItemBackground"
    android:clickable="true"
    android:drawableStart="@drawable/circle"
    android:drawablePadding="16dp"
    android:gravity="center_vertical"
    android:padding="16dp"
    android:text="@string/draw_surface"
    android:textColor="#666666"
    android:textSize="14sp"/>

    <TextView
        android:id="@+id/text_draw_arrow"
        android:layout_width="match_parent"
        android:layout_height="@dimen/column_height"
        android:background="?android:attr/selectableItemBackground"
        android:clickable="true"
        android:drawableStart="@drawable/arrow"
        android:drawablePadding="16dp"
        android:gravity="center_vertical"
        android:padding="16dp"
        android:text="@string/draw_arrow"
        android:textColor="#666666"
        android:textSize="14sp"/>
</LinearLayout>

用于轉(zhuǎn)換尺寸的DensityUtil,來自網(wǎng)上,但找不到來源了:

object DensityUtil {
    /**
     * dp轉(zhuǎn)px
     *
     * @param context
     * @param dpVal
     * @return
     */
    fun dp2px(context: Context, dpFloat: Float): Int{
        return TypedValue.applyDimension(TypedValue.COMPLEX_UNIT_DIP,dpFloat,context.resources.displayMetrics).toInt()
    }
/**
 * sp轉(zhuǎn)px
 *
 * @param context
 * @param spVal
 * @return
 */
fun sp2px(context: Context,spFloat: Float): Int{
    return TypedValue.applyDimension(TypedValue.COMPLEX_UNIT_SP,spFloat,context.resources.displayMetrics).toInt()
}
/**
 * px轉(zhuǎn)dp
 *
 * @param context
 * @param pxVal
 * @return
 */
fun px2dp(context: Context,pxFloat: Float): Float{
    var scale : Float = context.resources.displayMetrics.density
    return (pxFloat/scale)
}

    /**
     * px轉(zhuǎn)sp
     *
     * @param pxVal
     * @param pxVal
     * @return
     */
    fun px2sp(context: Context, pxFloat: Float):Float {
        return (pxFloat / context.resources.displayMetrics.scaledDensity)
    }
}

在Activity當中的使用:

private var drawDialog: DrawDialog? = null


drawDialog = DrawDialog(this, R.style.BottomDialog)
drawDialog?.show()

文章中除了已經(jīng)聲明的代碼之外,仍有部分代碼及思路來源網(wǎng)上,如有侵權煩請告知,謝謝~

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

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

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