learnfastaa.com

Android SnackBar

SnackBar:

Snackbar is a UI element in android which is light and lets the users know about an operation that has just taken place.

Commonly used to Pop up brief message to the end user at the bottom of the desk top screen.

A snack bar is a type of message that the system displays to the user to indicate the success of an operation, a warning, or a command to perform an action.

Example:

                                    
<?xml version="1.0" encoding="utf-8"?>
<android.support.design.widget.CoordinatorLayout 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"
        tools:context=".SnackbarExample"
        android:id="@+id/coordinatorlayout">
    
       <LinearLayout
           android:layout_width="match_parent"
           android:layout_height="match_parent"
           android:orientation="vertical"
           android:gravity="center"
           >
   
        <Button
            android:id="@+id/snackbar1"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:text="SHOW SNACKBAR"
            android:textColor="@color/colorWhite"
            android:background="@color/colorOrange"
            android:padding="16dp"
            />
   
       </LinearLayout>
   
</android.support.design.widget.CoordinatorLayout>

                                    
                                        import android.graphics.Color;
import androidx.coordinatorlayout.widget.CoordinatorLayout;
import com.google.android.material.snackbar.Snackbar;
import androidx.appcompat.app.AppCompatActivity;
import android.os.Bundle;
import android.view.View;
import android.widget.Button;

public class SnackbarExample extends AppCompatActivity {

    CoordinatorLayout coordinatorLayout;
    Button button;

    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_snackbar_example);

        coordinatorLayout = findViewById(R.id.coordinatorlayout);
        button = findViewById(R.id.snackbar1);

        button.setOnClickListener(new View.OnClickListener() {
            @Override
            public void onClick(View view) {
                Snackbar snackbar = Snackbar.make(coordinatorLayout, "Snackbar display", Snackbar.LENGTH_INDEFINITE);
                snackbar.setAction("Undo", new View.OnClickListener() {
                    @Override
                    public void onClick(View view) {
                        Snackbar snackbarundo = Snackbar.make(coordinatorLayout, "Undo successful", Snackbar.LENGTH_SHORT);
                        snackbarundo.show();
                    }
                }).setActionTextColor(Color.GREEN);
                snackbar.show();
            }
        });
    }
}

                                    
                                        import android.graphics.Color
import androidx.coordinatorlayout.widget.CoordinatorLayout
import com.google.android.material.snackbar.Snackbar
import androidx.appcompat.app.AppCompatActivity
import android.os.Bundle
import android.view.View
import android.widget.Button

class SnackbarExample : AppCompatActivity() {

    private lateinit var coordinatorLayout: CoordinatorLayout
    private lateinit var button: Button

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

        coordinatorLayout = findViewById(R.id.coordinatorlayout)
        button = findViewById(R.id.snackbar1)

        button.setOnClickListener {
            val snackbar = Snackbar.make(coordinatorLayout, "Snackbar display", Snackbar.LENGTH_INDEFINITE)
            snackbar.setAction("Undo") {
                val snackbarUndo = Snackbar.make(coordinatorLayout, "Undo successful", Snackbar.LENGTH_SHORT)
                snackbarUndo.show()
            }.setActionTextColor(Color.GREEN)
            snackbar.show()
        }
    }
}

Output