Tutorial Dasar Cara Membuat NumberPicker di Aplikasi Android

Tutorial Dasar Cara Membuat NumberPicker di Android Studio

Halo semuanya, bagaimana kabar kalian hari ini? Saya harap kalian semua dalam keadaan yang baik-baik saja. Pada kesempatan kali ini, saya akan membagikan artikel tentang Tutorial Dasar Cara Membuat NumberPicker Di Aplikasi Android.

NumberPicker adalah widget yang bisa menampilkan angka yang bisa kalian masukkan. Biasanya widget ini digunakan untuk menampilkan jumlah dari input yang akan digunakan. Seperti pada aplikasi e-commerce yang menampilkan jumlah barang yang akan kita beli.

Jadi, dalam tutorial dasar ini kalian akan belajar cara membuat atau menggunakan numberpicker di aplikasi android dan menampilkan angka dalam textview.

- Advertisement -

Tutorial Dasar Cara Membuat NumberPicker di Android Studio

Buatlah projek android studio baru dengan informasi sebagai berikut:

Application Name:Number Picker App
Package Name:com.androidrion.numberpickerapp
Language:Java
Minimum SDK:API 15: Android 4.0.3 (IceCreamSandwich)

Daftar file xml yang digunakan dalam projek ini:

  • activity_main.xml

Daftar file java yang digunakan dalam projek ini:

  • MainActivity.java

Dibawah ini adalah langkah-langkah pembuatan aplikasi Number Picker App.

XML Layout File

Pada projek aplikasi android studio, buka file activity_main.xml dalam folder layout. Didalam file tersebut, ubah layout menjadi LinearLayout yang berorientasi vertikal. Lalu tambahkan di dalamnya widget NumberPicker dan TextView. Berikut adalah kode lengkap untuk file activity_main.xml

app/res/layout/activity_main.xml

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout 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"
    android:gravity="center"
    android:orientation="vertical"
    tools:context=".MainActivity">

    <NumberPicker
        android:id="@+id/numPick"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content" />

    <TextView
        android:id="@+id/text"
        style="@style/TextAppearance.AppCompat.Title"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_marginTop="16dp"
        android:text="Anda memilih nomor: 0" />
</LinearLayout>

Java Activity File

Buka file MainActivity dalam folder java dan tambahkan kode dibawah ini untuk membuat widget NumberPicker menampilkan nomor yang kita masukkan dan membuat TextView menampilkan nomor yang telah kita pilih. Berikut ini adalah kode lengkap untuk file MainActivity.java

app/java/com.androidrion.numberpickerapp/MainActivity.java

package com.androidrion.numberpickerapp;

import androidx.appcompat.app.AppCompatActivity;

import android.os.Bundle;
import android.view.View;
import android.widget.NumberPicker;
import android.widget.TextView;

public class MainActivity extends AppCompatActivity {

    TextView text;

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

        text = findViewById(R.id.text);

        NumberPicker np = findViewById(R.id.numPick);
        np.setMinValue(0);
        np.setMaxValue(50);
        np.setOnValueChangedListener(new NumberPicker.OnValueChangeListener() {
            @Override
            public void onValueChange(NumberPicker picker, int oldVal, int newVal) {
                text.setText("Anda memilih nomor: " + newVal);
            }
        });
    }
}

Run ‘app’

Sekarang jalankan aplikasi projek android studio kalian. Pada tampilan awal aplikasi, kalian bisa melihat angka 0 yang sudah di pilih. Kalian bisa menampilkan nomor lain dengan cara scroll pada aplikasi, maka teks juga berganti sesuai nomor yang kalian pilih. Jika kode diatas tidak error maka aplikasi akan terlihat seperti pada gambar di bawah ini.

AKHIR KATA

Itulah tadi tutorial dasar cara membuat numberpicker di android studio. Tutorial diatas sangatlah mudah dikerjakan karena kode yang digunakan sangat sedikit mengingat tutorial diatas adalah tutorial dasar untuk membuat numberpicker bekerja dengan sesuai.

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.