Cara Membuat SeekBar dengan Android Studio


Apa kabar sahabat Coders?, Semoga sahabat coders baik baik aja ya :) .. Oke kita langsung saja, pada artikel ini saya akan menunjukkan cara membuat aplikasi android untuk membuat SeekBar.  

SeekBar merupakan sejenis ProgressBar. Nilai input akan berubah jika kita menggeser geser controlnya. SeekBar biasanya digunakan untuk meneruskan atau memundurkan lagu, Video dll. Dalam Interface setOnSeekBarChangeListener menyediakan tiga metode untuk pembuatan SeekBar.
  • onProgressChanged: Dalam metode ini kemajuan diubah dan kemudian menurut perubahan ini nilai kemajuan dapat digunakan dalam logika kita.
  • onStartTrackingTouch: Dalam metode ini ketika pengguna mulai menggeser atau drag, maka metode ini akan dipanggil secara otomatis.
  • onStopTrackingTouch: Dalam metode ini, ketika pengguna berhenti menyeret, maka metode ini akan dipanggil secara otomatis.
Berikut adalah langkah-langkah untuk Membuat Aplikasi Android SeekBar :

1. Buat New Project. Setelah itu, Anda akan memiliki file java dan XML.

2. Buka file xml Anda dan tambahkan SeekBar dan TextView untuk pesan seperti yang ditunjukkan di bawah ini, atribut maksimum di SeekBar menentukan jumlah maksimum yang dapat diambil. Tetapkan ID untuk SeekBar Dan TextView.
3. Sekarang, buka file MainActivity.java dan kemudian tentukan variabel SeekBar dan TextView, gunakan findViewById () untuk mendapatkan SeekBar dan TextView.

4. Membuat event perubahan SeekBar yang digunakan untuk mendapatkan nilai input yang lebih besar. Dengan menggunakan event ini, kami mendapatkan nilai Progress, dan progressnya ditampilkan dengan menggunakan TextView, yang akan menambah ukurannya.

5. Sekarang jalankan aplikasi dan sentuh ibu jari dan kemudian Seret, ukuran Teks akan meningkat secara otomatis.

Kode lengkap MainActivity.java dan activity_main.xml dari SeekBar diberikan di bawah ini:
  
<?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"> 
    
      <TextView
          android:id="@+id/message_id"
          android:layout_width="wrap_content"
          android:layout_height="wrap_content"
          android:layout_marginTop="20dp"
          android:text="amcodes"
          android:textStyle="bold"
          android:textSize="20sp"
          android:layout_gravity="center"/> 
      <SeekBar
          android:id="@+id/seekbar"
          android:layout_marginTop="400dp"
          android:layout_width="fill_parent"
          android:layout_height="wrap_content"
          android:max="150"/> 
    
  </RelativeLayout>
 



 
  package org.amcodes.adimurianto.seekbar; 

  // Import the libraries 
  import android.support.v7.app.AppCompatActivity; 
  import android.os.Bundle; 
  import android.widget.SeekBar; 
  import android.widget.TextView; 

  public class MainActivity extends AppCompatActivity { 

   // Define the global variable 
   SeekBar seekbar; 
   TextView Text_message; 

   @Override
   protected void onCreate(Bundle savedInstanceState) 
   { 
    super.onCreate(savedInstanceState); 

    // Binding the layout to the file 
    setContentView(R.layout.activity_main); 

    // use findViewById() to get the Button 
    Text_message 
     = (TextView)findViewById(R.id.message_id); 
    seekbar 
     = (SeekBar)findViewById(R.id.seekbar); 

    // Get the progress value of the SeekBar 
    // using setOnSeekBarChangeListener() method 
    seekbar 
     .setOnSeekBarChangeListener( 
      new SeekBar 
       .OnSeekBarChangeListener() { 

        // When the progress value has changed 
        @Override
        public void onProgressChanged( 
         SeekBar seekBar, 
         int progress, 
         boolean fromUser) 
        { 

         // increment 1 in progress and 
         // increase the textsize 
         // with the value of progress 
         message.setTextSize(progress + 1); 
        } 

        @Override
        public void onStartTrackingTouch(SeekBar seekBar) 
        { 

         // This method will automatically 
         // called when the user touches the SeekBar 
        } 

        @Override
        public void onStopTrackingTouch(SeekBar seekBar) 
        { 

         // This method will automatically 
         // called when the user 
         // stops touching the SeekBar 
        } 
       }); 
   } 
  }
Tampilan akhir :
Oke terimakasih untuk para sahabat coders yang sudah membaca tutorial ini, semoga bermanfaat, dan menambah ilmu pemrogramannya, Aamiin.. 

Akan ada saatnya yang pintar kalah dengan orang yang berusaha
" Salam Coders ".

Disqus Comments