Tutorial Dasar Cara Menggunakan SwipeRefreshLayout di Android Studio

Halo para android developer muda, bagaimana kabar kalian hari ini? Saya harap kalian semua dalam keadaan yang baik-baik saja. Pada kesempatan kali ini, saya akan membagikan tutorial cara membuat swipe to refresh pada aplikasi android menggunakan SwipeRefreshLayout di Android Studio.

Swipe to refresh adalah salah satu pola user interface yang penting di android. Merefresh aplikasi dengan cara geser kebawah dapat dengan mudah diterapkan atau diaktifkan di aplikasi android dengan menambahkan widget SwipeRefreshLayout di file xml layout kalian. Layout SwipeRefreshLayout digunakan dengan induk dari ListView, GridView, ScrollView dan widget android lainnya.

Dalam tutorial ini kalian akan belajar cara membuat dan menampilkan swipe to refresh di aplikasi android menggunakan SwipeRefreshLayout di Android Studio

- Advertisement -

Tutorial Dasar Cara Menggunakan SwipeRefreshLayout di Android Studio

Buatlah projek android studio baru dengan informasi sebagai berikut:

Application Name:Swipe App
Package Name:com.androidrion.swipeapp
Languge:Java
Minimum SDK:API 15: Android 4.0.3 (IceCreamSandwich)

Dibawah ini adalah langkah-langkah dalam pembuatan aplikasi Swipe App.

Dependencies File

Untuk menggunakan SwipeRefreshLayout di android studio, kita harus menambahkan kode dependensi Material Design ke dalam projek android studio. Berikut ini adalah kode material desain yang harus kalian tambahkan kedalam projek android studio kalian.

Gradle Scripts/build.gradle (Module: app)

    implementation 'com.google.android.material:material:1.0.0'

Untuk menambahkan kode diatas pada projek android studio kalian, ikuti tutorial pada link di bawah ini.

CARA MENAMBAHKAN LIBRARY DI PROJEK ANDROID STUDIO

XML Layout File

Buka file activity_main.xml dalam folder layout pada projek android studio kalian. Ganti layout default menjadi SwipeRefreshLayout. Berikut ini adalah kode lengkah untuk file activity_main.xml

app/res/layout/activity_main.xml

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

    <ScrollView
        android:layout_width="match_parent"
        android:layout_height="wrap_content">

        <TextView
            style="@style/TextAppearance.AppCompat.Headline"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:layout_gravity="center"
            android:text="Swipe down to refresh layout" />

    </ScrollView>

</androidx.swiperefreshlayout.widget.SwipeRefreshLayout>

Java File

Buka file MainActivity dalam folder java pada projek android studio kalian. Gunakan kode dibawah ini untuk membuat aplikasi bisa menampilkan loading ketika aplikasi bisa di scroll ke bawah. Berikut ini adalah kode lengkap untuk file MainActivity.java

app/java/com.androidrion.swipeapp/MainActivity.java

package com.androidrion.swipeapp;

import androidx.appcompat.app.AppCompatActivity;
import androidx.swiperefreshlayout.widget.SwipeRefreshLayout;

import android.os.Bundle;
import android.os.Handler;

public class MainActivity extends AppCompatActivity {

    SwipeRefreshLayout refreshLayout;

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

        refreshLayout = findViewById(R.id.swipe_to_refresh_layout);
        refreshLayout.setColorSchemeResources(
                android.R.color.holo_green_dark, android.R.color.holo_blue_dark,
                android.R.color.holo_orange_dark, android.R.color.holo_red_dark);
        refreshLayout.setOnRefreshListener(new SwipeRefreshLayout.OnRefreshListener() {
            @Override
            public void onRefresh() {
                new Handler().postDelayed(new Runnable() {
                    @Override
                    public void run() {
                        refreshLayout.setRefreshing(false);
                    }
                }, 5000);
            }
        });

    }
}

Run ‘app’

Sekarang jalankan projek android studio kalian. Pada tampilan awal aplikasi, kalian bisa melihat teks “Swipe down to refresh layout”. Jika kalian swipe atau scroll ke bawah, maka aplikasi akan menampilkan bulatan di bagian atas tengah. Jika kode diatas tidak terjadi error, maka aplikasi akan terlihat seperti pada gambar dibawah ini.

AKHIR KATA

Itulah tadi tutorial dasar cara membuat aplikasi refresh ketika di swipe ke bawah menggunakan SwipeRefreshLayout di Android Studio. Tutorial diatas sangatlah mudah dikerjakan karena begitu dasar dan hanya menampilkan refresh selama 5 detik saja.

Jika kalian mengalami kendala saat melakukan tutorial di atas, silahkan komentar di bawah artikel ini. Jangan lupa untuk like dan subscribe Channel YouTube Android Rion. Semoga artikel ini membantu kalian. Terima Kasih.

- Advertisement -

Get real time updates directly on you device, subscribe now.

You might also like

- Advertisement -

Leave A Reply

Your email address will not be published.