Custom Snackbar in Android Kotlin

 In this Tutorial We will Going to See How to Create Action Snackbar, Custom Snackbar and Default SnackBar in Android Using Kotlin Languages.


First of All Why we Use Snackbar in Android ??

Now a Days Toast Message is so irritating to User. Because so some Reason which is slowing Below. 


Note : Toast Message & SnackBar have display length property is Common.

Now Let's Code And Create SnackBar in Android.

Create Android Project And Paste the Below Code.

activity_main.xml

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
xmlns:tools="http://schemas.android.com/tools"
android:layout_width="match_parent"
android:layout_height="match_parent"
android:orientation="vertical"
android:id="@+id/main"
android:layout_gravity="center"
android:gravity="center"
tools:context=".MainActivity">

<Button
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:text="Default Snackbar"
android:id="@+id/btn1"
/>

<Button
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:text="Custom Snackbar"
android:id="@+id/btn2"/>

<Button
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:id="@+id/btn3"
android:text="Actoin Call Snackbar"/>


</LinearLayout>


MainActivity.kt

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

var llmain : LinearLayout = findViewById(R.id.main)
var btn1 : Button = findViewById(R.id.btn1)
var btn2 : Button = findViewById(R.id.btn2)
var btn3 : Button = findViewById(R.id.btn3)

btn1.setOnClickListener {
val defaultSnackbar = Snackbar.make(llmain,"Hii, Dream developers",Snackbar.LENGTH_LONG)
defaultSnackbar.show()
}

btn2.setOnClickListener {
val customSnackbar = Snackbar.make(llmain,"try again !!",Snackbar.LENGTH_LONG).setAction("REtry"){}
customSnackbar.setActionTextColor(Color.RED)
customSnackbar.show()
}

btn3.setOnClickListener {
val actionSnackbar = Snackbar.make(llmain,"Message is Deleted", Snackbar.LENGTH_LONG).setAction("UNDO",object : View.OnClickListener{
override fun onClick(p0: View?) {
val snackbar = Snackbar.make(llmain,"Message is restored!!", Snackbar.LENGTH_LONG)
snackbar.show()
}

})
actionSnackbar.show()
}
}
}

If You Want to Learn How to Do this Watch Our YouTube Tutorial on SnackBar.

Thank You. Don't Forget to Support Us. Follow us on Blogger
Watch Video Tutorial on YouTube [CLICK HERE]


Post a Comment

0 Comments