Cara Membuat Snackbar Android Studio

Berikut Langkah-langkah Cara untuk Membuat Snackbar Android Studio

(1/7) Snackbar

Buat Project Baru


(2/7) Snackbar

Sebelum bisa menggunakan komponen SnackBar, pertama-tama tambahkan implement ke dalam gradle

dependencies {
    implementation fileTree(dir: 'libs', include: ['*.jar'])
    implementation 'androidx.appcompat:appcompat:1.1.0'
    implementation 'androidx.constraintlayout:constraintlayout:1.1.3'
    testImplementation 'junit:junit:4.12'
    androidTestImplementation 'androidx.test:runner:1.2.0'
    androidTestImplementation 'androidx.test.espresso:espresso-core:3.2.0'

    //Tambahkan implement ini
    implementation 'com.google.android.material:material:1.0.0'
}

(3/7) Snackbar

Isi pada activity_main.xml sebagai berikut

<?xml version="1.0" encoding="utf-8"?>
<RelativeLayout
    xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:tools="http://schemas.android.com/tools"
    android:id="@+id/relativeLayout"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    tools:context=".MainActivity">

    <TextView
        android:id="@+id/textView"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_marginTop="20sp"
        android:layout_centerHorizontal="true"
        android:text="@string/contoh_snackbar"
        android:textSize="25sp"
        android:textStyle="bold"/>

    <Button
        android:id="@+id/btnSnackbar"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_below="@+id/textView"
        android:layout_marginTop="20sp"
        android:layout_centerHorizontal="true"
        android:text="@string/tombol_snackbar"/>
</RelativeLayout>

(4/7) Snackbar

Maka tampilan layout activity_main.xml akan seperti berikut


(5/7) Snackbar

Isi pada MainActivity.java sebagai berikut

package com.example.snackbar;

import androidx.appcompat.app.AppCompatActivity;

import android.os.Bundle;
import android.view.View;
import android.widget.Button;

import com.google.android.material.snackbar.Snackbar;

public class MainActivity extends AppCompatActivity {

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

        Button btnSnackbar = (Button)findViewById(R.id.btnSnackbar);
        btnSnackbar.setOnClickListener(new View.OnClickListener() {
            @Override
            public void onClick(View v) {
                Snackbar.make(findViewById(R.id.relativeLayout), "Ini Contoh SnackBar", Snackbar.LENGTH_SHORT).show();
            }
        });
    }
}

(6/7) Snackbar

Jika dijalankan maka akan seperti berikut


(7/7) Snackbar

Jika discroll maka akan seperti berikut


Demikian Cara-cara untuk membuat Snackbar Android Studio, semoga bisa bermanfaat untuk kita semua.

Diterbitkan oleh Farhan Subhan

Mulai bermain dengan blog lagi, untuk mendokumentasikan apa saja yang sudah dilakukan dalam hidup ini

Tinggalkan komentar

Rancang situs seperti ini dengan WordPress.com
Mulai