Android Tutorial Floating Action Button dan Snackbar

Floating action buttons
Floating action buttons digunakan untuk tipe khusus dari tindakan dipromosikan. Mereka dibedakan oleh icon yang dilingkari mengambang di atas UI dan memiliki perilaku gerakan khusus yang berkaitan dengan morphing, meluncurkan, dan titik anchor mentransfer.

 
Floating action buttons ada dua ukuran : default dan mini. Ukuran dapat dikontrol dengan atribut fabSize. Sebagai kelas ini turunan dari ImageView, Anda dapat mengontrol icon yang ditampilkan melalui setImageDrawable(Drawable).

Warna background ini default untuk tema colorAccent. Jika ingin mengubah runtime maka dapat dilakukan melalui setBackgroundTintList(ColorStateList). Selengkapnya.

 

Snackbars
Snackbars memberikan umpan balik ringan tentang operasi . Mereka menunjukkan pesan singkat di bagian bawah layar pada ponsel dan bawah kiri pada perangkat yang lebih besar. Snackbars muncul di atas semua elemen lain di layar dan hanya satu dapat ditampilkan pada satu waktu.

Mereka secara otomatis hilang setelah batas waktu atau setelah interaksi pengguna lain pada layar, terutama setelah interaksi yang memanggil permukaan baru atau kegiatan. Snackbars dapat digeser dari layar . Snackbars dapat berisi tindakan yang diatur melalui setAction(CharSequence, android.view.View.OnClickListener).

Untuk diberitahu ketika snackbar ditampilkan atau diberhentikan, Anda dapat memberikan Snackbar.Callback melalui setCallback(Callback). Selengkapnya.

Untuk tutorialnya, Buat project baru di Android Studio File ⇒ New Project. Kemudian pilih Blank Activity dan melanjutkannya hingga selesai.

activity_main.xml

<?xml version="1.0" encoding="utf-8"?>
<android.support.design.widget.CoordinatorLayout
    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:fitsSystemWindows="true"
    tools:context="com.kuncoro.fabandsnackbar.MainActivity">

    <android.support.design.widget.AppBarLayout
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:theme="@style/AppTheme.AppBarOverlay">

        <android.support.v7.widget.Toolbar
            android:id="@+id/toolbar"
            android:layout_width="match_parent"
            android:layout_height="?attr/actionBarSize"
            android:background="?attr/colorPrimary"
            app:popupTheme="@style/AppTheme.PopupOverlay" />

    </android.support.design.widget.AppBarLayout>

    <include layout="@layout/content_main" />

    <android.support.design.widget.FloatingActionButton
        android:id="@+id/fab"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_gravity="bottom|end"
        android:layout_margin="@dimen/fab_margin"
        android:src="@android:drawable/ic_menu_myplaces" />

</android.support.design.widget.CoordinatorLayout>

content_main.xml

<?xml version="1.0" encoding="utf-8"?>
<RelativeLayout 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:paddingBottom="@dimen/activity_vertical_margin"
    android:paddingLeft="@dimen/activity_horizontal_margin"
    android:paddingRight="@dimen/activity_horizontal_margin"
    android:paddingTop="@dimen/activity_vertical_margin"
    app:layout_behavior="@string/appbar_scrolling_view_behavior"
    tools:context="com.kuncoro.fabandsnackbar.MainActivity"
    tools:showIn="@layout/activity_main">

    <TextView
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:text="Floating Action Button and Snackbar" />
</RelativeLayout>

MainActivity.java

package com.kuncoro.fabandsnackbar;

import android.os.Bundle;
import android.support.design.widget.FloatingActionButton;
import android.support.design.widget.Snackbar;
import android.support.v7.app.AppCompatActivity;
import android.support.v7.widget.Toolbar;
import android.view.View;

public class MainActivity extends AppCompatActivity {

    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_main);
        Toolbar toolbar = (Toolbar) findViewById(R.id.toolbar);
        setSupportActionBar(toolbar);

        FloatingActionButton fab = (FloatingActionButton) findViewById(R.id.fab);
        fab.setOnClickListener(new View.OnClickListener() {
            @Override
            public void onClick(View view) {
                Snackbar.make(view, "Halo bro, pye kabare? \nAku Dedy Kuncoro :v", Snackbar.LENGTH_LONG)
                        .setAction("Action", null).show();
            }
        });
    }

}

Run Aplikasinya.

Download source code :

Please share 🙂


Share on FacebookTweet about this on TwitterShare on Google+Pin on PinterestShare on LinkedInEmail this to someone