Cara Menerapkan Contoh Widget SeekBar Android

  • Post
    codeorayo
    Keymaster
    none
    SeekBar adalah salah satu widget ,yang berfungsi untuk menampilkan ekstensi dari widget progressbar, namun dengan cara di drag dengan jari atau touch kita (draggable).Widget ini umumnya dipakai untuk keperluan setting atau pengaturan. Seperti saat kita mengatur volume sound atau brightness(pencahayaan) di perangkat Android.

    [img]https://4.bp.blogspot.com/-vg6Ju60l6jc/VvfWbSWPARI/AAAAAAAAFLI/MnHlLSNuEm4DwLTyBlhw2oO1-TTP7zyQw/s1600/android-studio-tutorial-development-apps-by-okedroid.png[/img]

    Pada tutorial belajar android kali ini , kita akan mencoba membuat dan menerapkan widget Seekbar Android. Untuk membuatnya kalian hanya perlu mendrag dari panel Pallet di bagian layout xml di Project Android Studio kalian. Seperti pada gambar di bawah :

    [img width=320,height=167]https://4.bp.blogspot.com/-Oom5ESeopns/Vs5BRE46hUI/AAAAAAAAEvU/IxWFaHquDsc/s320/widget-drag-seekbar-android-studio.png[/img]

    Setelah itu langsung saja kita membuatnya :

    1. Pertama buka project Android Studio kalian

    2. Salin baris intruksi (codingan) di bawah ke file activity_main.xml

     activity_main.xml


  • 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:paddingBottom=”@dimen/activity_vertical_margin”

  •                 android:paddingLeft=”@dimen/activity_horizontal_margin”

  •                 android:paddingRight=”@dimen/activity_horizontal_margin”

  •                 android:paddingTop=”@dimen/activity_vertical_margin”

  •                 tools:context=”.MainActivity”>

  •     

  •         android:id=”@+id/seekbar1″

  •         android:layout_width=”match_parent”

  •         android:layout_height=”wrap_content”

  •         android:layout_alignParentTop=”true”

  •         android:layout_centerHorizontal=”true”

  •         android:layout_marginTop=”39dp” />

  •  

  •  

  •  

  •  



  • 3. Salin baris intruksi (codingan ) di bawah ke file MainActivity.java

    MainActivity.java

  • package com.okedroid.aplikasisaya;

  •  

  • import android.os.Bundle;

  • import android.support.v7.app.AppCompatActivity;

  • import android.widget.SeekBar;

  • import android.widget.SeekBar.OnSeekBarChangeListener;

  • import android.widget.Toast;

  •  

  • public class MainActivity extends AppCompatActivity implements OnSeekBarChangeListener{

  •     SeekBar seekBar1;

  •     @Override

  •     protected void onCreate(Bundle savedInstanceState) {

  •         super.onCreate(savedInstanceState);

  •         setContentView(R.layout.activity_main);

  •  

  •         seekBar1=(SeekBar)findViewById(R.id.seekbar1);

  •         seekBar1.setOnSeekBarChangeListener(this);

  •     }

  •     @Override

  •     public void onProgressChanged(SeekBar seekBar, int progress,

  •                                   boolean fromUser) {

  •         Toast.makeText(getApplicationContext(),”seekbar proses: “+progress, Toast.LENGTH_SHORT).show();

  •     }

  •     @Override

  •     public void onStartTrackingTouch(SeekBar seekBar) {

  •         Toast.makeText(getApplicationContext(),”seekbar mulai!”, Toast.LENGTH_SHORT).show();

  •     }

  •     @Override

  •     public void onStopTrackingTouch(SeekBar seekBar) {

  •         Toast.makeText(getApplicationContext(),”seekbar berhenti!”, Toast.LENGTH_SHORT).show();

  •     }

  •  

  • }


    4. Setelah itu kita coba jalankan Aplikasinya di Android Studio.

    Kurang lebih hasilnya seperti pada gambar dibawah :

    [table]

    [tr]

    [/tr]

    [tr]

    [/tr]

    [/table]

    [td][img width=163,height=320]https://3.bp.blogspot.com/-HQ8ieXzYyos/Vs5CkeGZ48I/AAAAAAAAEvY/N9mgRRwCfS8/s320/hasil-widget-seekbar-android.png[/img][/td]
    [td]Hasil Widget SeekBar Android

    [/td]

Ampuh! Ini rahasia mengembangkan aplikasi secara instan, tinggal download dan kembangkan. Gabung sekarang juga! Premium Membership [PRIVATE] https://premium.codeorayo.com
  • You must be logged in to reply to this topic.