Tutorial Android Rion - Cara Membuat Aplikasi Android Dengan Mudah
  • Pemrograman
    • Java untuk Androidprogress
    • Kotlin untuk Androidsoon
    • Dart untuk Androidsoon
  • Tutorial
    • Tutorial Dasar
    • Tutorial Lanjutan
  • TopikNew
  • UI Design
  • Tools
No Result
View All Result
Tutorial Android Rion
  • Pemrograman
    • Java untuk Androidprogress
    • Kotlin untuk Androidsoon
    • Dart untuk Androidsoon
  • Tutorial
    • Tutorial Dasar
    • Tutorial Lanjutan
  • TopikNew
  • UI Design
  • Tools
No Result
View All Result
Tutorial Android Rion
Home Tutorial

Tutorial Cara Membuat Progress Button Tanpa Library Di Android Studio

Rion by Rion
August 22, 2021
in Tutorial
Reading Time: 4 mins read
2.2k
A A
0
Tutorial Cara Membuat Progress Button Sederhana Tanpa Library di Android Studio
1k
SHARES
14.9k
VIEWS
Share on FacebookShare on Linkedin
ADVERTISEMENT

Halo semuanya, 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 Progress Button Tanpa Library di Android Studio.

Progress Button adalah salah satu opsi untuk menunjukan non-blocking progress dalam aplikasi yang diperkenalkan Google dalam Material Guidelines. Sayangnya, google tidak menyediakan implementasi ini padahal dalam aplikasi mereka Playstore menerapkan sistem ini.

Dan disini, saya dapat melihat bagaimana cara menerapkannya menggunakan komponen yang ada dan terlebih algi bagaimana menambahkannya ke aplikasi yang telah Anda yang sudah ada tanpa perubahan layout. Ikuti tutorialnya dibawah.

Tutorial Cara Membuat Progress Button Tanpa Library Di Android Studio

Buatlah project Android Studio baru dengan informasi seperti pada tabel dibawah ini:

Application Name:Progress Button App
Package Name:com.androidrion.progressbuttonapp
Language:Java
Minimum SDK:API 16: Android 4.1 (Jelly Bean)

Daftar file xml layout yang digunakan dalam project ini:

  1. activity_main.xml

Daftar file java activity yang digunakan dalam project ini:

  1. MainActivity.java

Dibawah ini adalah langkah-langkah dalam pembuatan aplikasi Progress Button App

XML Layout File (activity_main.xml)

Buka file activity_main.xml dalam folder layout lalu tambahkan komponen Button di dalam FrameLayout. Lalu tambahkan juga komponen ProgressIndicator di dalam RelativeLayout. Berikut ini adalah kode lengkap untuk file activity_main.xml

app/res/layout/activity_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"
    tools:context=".MainActivity">


    <RelativeLayout
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_centerInParent="true">

        <FrameLayout
            android:layout_width="wrap_content"
            android:layout_height="wrap_content">

            <Button
                android:id="@+id/btn_download"
                android:layout_width="150dp"
                android:layout_height="60dp"
                android:gravity="center"
                android:text="Download" />

        </FrameLayout>

        <ProgressBar
            android:id="@+id/progress_download"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:layout_centerInParent="true"
            android:max="100"
            android:progress="35"
            app:indicatorColor="@android:color/white" />

    </RelativeLayout>
</RelativeLayout>

Java Activity File (MainActivity.java)

Buka file MainActivity dalam folder java. Deklarasikan kedua komponen yang telah kita tambahkan dalam folder layout, lalu untuk membuat ProgressBar muncul ketika Button di klik, kita memerlukan Handler dan Runnable. Berikut ini adalah kode lengkap untuk file MainActivity.java

app/java/com.androidrion.progressbuttonapp/MainActivity.java

package com.androidrion.progressbuttonapp;

import android.os.Bundle;
import android.os.Handler;
import android.widget.Button;
import android.widget.ProgressBar;

import androidx.appcompat.app.AppCompatActivity;

public class MainActivity extends AppCompatActivity {

    private ProgressBar progressDownload;
    private Handler mHandler;
    private Button btnDownload;
    private Runnable runnable;
    boolean running = true;

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

        mHandler = new Handler(this.getMainLooper());
        progressDownload = findViewById(R.id.progress_download);
        btnDownload = findViewById(R.id.btn_download);

        btnDownload.setOnClickListener(v -> runProgressDeterminateCircular());
        runProgressDeterminateCircular();
    }

    private void runProgressDeterminateCircular() {
        runnable = new Runnable() {
            public void run() {
                running = true;
                btnDownload.setText("");
                btnDownload.setClickable(false);
                int progress = progressDownload.getProgress() + 1;
                progressDownload.setProgress(progress);
                if (progress > 100) {
                    progressDownload.setProgress(0);
                    running = false;
                    btnDownload.setText("DOWNLOAD");
                    btnDownload.setClickable(true);
                } else {
                    mHandler.postDelayed(this, 5);
                }
            }
        };
        mHandler.post(runnable);
    }

    @Override
    protected void onStop() {
        super.onStop();
        if (mHandler == null || runnable == null) return;
        mHandler.removeCallbacks(runnable);
    }

}

Run ‘app’

Sekarang jalankan project Android Studio kalian, kalian bisa melihat bahwa di Aplikasi terdapat satu buah tombol yang tertulis Download. Jika kalian mengklik tombol tersebut, maka tombol akan menampilkan progress bar lingkaran. Jika kode diatas tidak terjadi error, maka aplikasi akan terlihat seperti pada video di bawah ini.

AKHIR KATA

Itulah tadi tutorial singkat dan mudah Cara Membuat Progress Button Tanpa Library Tambahan di Android. Tutorial diatas sangatlah mudah untuk dikerjakan karen tidak begitu banyak menggunakan file layout dan java untuk membuatnya.

Jika kalian mengalami kendala saat melakukan tutorial di atas, Silahkan beri komentar pada artikel ini dibawah. Jangan lupa untuk Subscribe Channel YouTube Android Rion. Semoga artikel ini membantu kalian semua. Terima kasih.

Download Project

Untuk download project pada tutorial ini, silahkan klik tombol dibawah ini.

Download Project
Download APK
ADVERTISEMENT
Tags: ButtonDownloadMaterial DesignProgress ButtonTutorial Dasar
Share417Share73Send
ADVERTISEMENT
Rion

Rion

“First, solve the problem. Then, write the code.” – John Johnson

Tutorial Terkait

Tutorial Cara Membuka Activity Baru pada ExpandableListView di Android Studio
Tutorial

[Tutorial Lanjutan] Cara Membuka Activity Baru Pada Child Element ExpandableListView di Android Studio

September 9, 2021
5.1k
Tutorial Cara Membuat setOnClickListener Pada ExpandableListView Di Android Studio
Tutorial

[Tutorial Lanjutan] Cara Membuat setOnClickListener Pada ExpandableListView di Android Studio

September 4, 2021
5.1k
Tutorial Cara Membuat ExpandableListView di Android Studio
Tutorial

Tutorial Dasar Cara Membuat ExpandableListView Menggunakan ArrayList di Android Studio

September 4, 2021
5.2k
Leave Comment

Tags

ActionBar Activity Adapter Admob Alert Dialog Android Studio Anim API Key BaseAdapter Bottom Sheet Button CardView Custom Download Drawable EditText ExpandableListView Facebook Firebase Floating Action Button Fragment Galeri Google Maps GridView ImageView Intent Library ListView Login Material Design Menu RecyclerView SearchView TabLayout TextView Toast Toolbar Tutorial Dasar Tutorial Lanjutan Tutorial Mudah Tutorial Video Video ViewPager WebView WhatsApp
ADVERTISEMENT
Tutorial Android Rion

Android Rion - Tutorial adalah website yang sangat populer untuk para Android Developer. Tutorial di website ini akan terus diperbarui secara berkala mengikuti perkembangan. Setiap bulannya ribuan developer seperti kalian mengunjungi website ini.

Cari Berdasarkan Kategori

  • Admob
  • Android Studio
  • Google Cloud Platform
  • JavaScript
  • Login
  • Material Design
  • Register
  • Tools
  • Tutorial
  • UI Kit
  • User Interface
  • Vysor

Newsletter

Subscribe to our mailing list to receives daily updates direct to your inbox!

*we hate spam as much as you do

  • Tentang
  • Kontak
  • Kebijakan Privasi

© 2022. Bagian dari Android Rion. Situs ini dibuat dengan ❤ dan ☕

No Result
View All Result
  • Pemrograman
    • Java untuk Android
    • Kotlin untuk Android
    • Dart untuk Android
  • Tutorial
    • Tutorial Dasar
    • Tutorial Lanjutan
  • Topik
  • UI Design
  • Tools

Welcome Back!

Login to your account below

Forgotten Password?

Retrieve your password

Please enter your username or email address to reset your password.

Log In
Go to mobile version