Monday, March 2, 2020

android kotlin - Material AlertDialog example

MainActivity.kt 

package com.example.jetpack

import android.graphics.Color
import android.graphics.drawable.ColorDrawable
import android.os.Bundle
import androidx.appcompat.app.AppCompatActivity
import com.google.android.material.dialog.MaterialAlertDialogBuilder
import kotlinx.android.synthetic.main.activity_main.*


class MainActivity : AppCompatActivity() {

    override fun onCreate(savedInstanceState: Bundle?) {
        super.onCreate(savedInstanceState)
        setContentView(R.layout.activity_main)

        val context = this

        button.setOnClickListener {
            val builder = MaterialAlertDialogBuilder(context)

            // dialog title
            builder.setTitle("Dialog Title")
            // drawable for dialog title
            builder.setIcon(R.drawable.ic_info_outline)

            // dialog message
            builder.setMessage("Are you want to download the file?.")
            // dialog background color
            builder.background = ColorDrawable(
                Color.parseColor("#FEFEFA")
            )

            // alert dialog positive button
            builder.setPositiveButton("Download"){ dialog,which->
                // do something on positive button click
            }
            // icon for positive button
            builder.setPositiveButtonIcon(
                getDrawable(R.drawable.ic_arraow_download)
            )

            builder.setNegativeButton("No"){dialog,which->
                // do something when negative button clicked
            }
            builder.setNeutralButton("Cancel"){dialog,which->
                // do something on neutral button click
            }


            builder.setOnCancelListener {
                // do something on cancel listener
            }
            builder.setOnDismissListener {
                // do something on dismiss listener
            }

            // set dialog non cancelable
            builder.setCancelable(false)


            // finally, create the alert dialog and show it
            val dialog = builder.create()
            dialog.show()
        }
    }
}
activity_main.xml 

<?xml version="1.0" encoding="utf-8"?>
<androidx.constraintlayout.widget.ConstraintLayout
    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_width="match_parent"
    android:layout_height="match_parent"
    android:id="@+id/constraintLayout"
    tools:context=".MainActivity">

    <com.google.android.material.button.MaterialButton
        android:id="@+id/button"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_marginTop="24dp"
        android:text="Show Dialog"
        android:backgroundTint="#007FFF"
        app:layout_constraintEnd_toEndOf="parent"
        app:layout_constraintStart_toStartOf="parent"
        app:layout_constraintTop_toTopOf="parent" />

</androidx.constraintlayout.widget.ConstraintLayout>
res/values/styles.xml [update] 

<resources>

    <!-- Base application theme. -->
    <style name="AppTheme" parent="Theme.MaterialComponents.Light">
        <!-- Customize your theme here. -->
        <item name="colorPrimary">@color/colorPrimary</item>
        <item name="colorPrimaryDark">@color/colorPrimaryDark</item>
        <item name="colorAccent">@color/colorAccent</item>
    </style>

</resources>
build.gradle dependencies[add] 

// Material components theme
implementation 'com.google.android.material:material:1.1.0'
More android examples