Cara Membuat SeekBar Change TextSize

Hai guys balik lagi dengan saya di Bregnet ini kali ini saya mau berbagi cara membuat SeekBar apa itu SeekBar ?
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 kita.
Nah kali ini kita akan membuat SeekBar untuk mengatur ukuran text jadi ukuran text bisa di atur dengan SeekBar itu oke simak tutorial membuat SeekBarChangeTextSize nya ya
Step by Step

• Langkah pertama buatlah project baru di aide dengan keterangan nya sebagai berikut
  
  1. Name : SeekBar
  2. Package Name : seekbar.change.textsize
• Selanjutnya kita edit main.xml dan buat lah TextView,EditText,Button, dan SeekBar. Kita membuat EditText untuk inputan Text yang nanti akan di tampilkan di TextView dangam mengKlik Button dan SeekBar untuk mengatur Ukuran Huruf atau TextSize
  
  

  	<?xml version="1.0" encoding="utf-8"?>
  	<LinearLayout
  	xmlns:android="http://schemas.android.com/apk/res/android"
  	android:layout_width="match_parent"
  	android:layout_height="match_parent"
  	android:padding="10dp"
  	android:orientation="vertical">
  	<LinearLayout
  	android:layout_height="wrap_content"
  	android:layout_width="match_parent"
  	android:orientation="horizontal"
  	android:gravity="center_vertical">
  	<EditText
  	android:layout_height="wrap_content"
  	android:ems="13"
  	android:layout_width="wrap_content"
  	android:id="@+id/EditText"/>
  	<Button
  	android:layout_height="wrap_content"
  	android:text="Save"
  	android:layout_width="wrap_content"
  	android:id="@+id/Save"/>
  	</LinearLayout>
  	<SeekBar
  	android:layout_height="wrap_content"
  	android:layout_width="match_parent"
  	android:layout_marginTop="10dp"
  	android:id="@+id/SeekBar"/>
  	<LinearLayout
  	android:layout_height="match_parent"
  	android:layout_width="match_parent"
  	android:orientation="vertical"
  	android:gravity="center">
  	<TextView
  	android:layout_height="wrap_content"
  	android:text="Large Text"
  	android:layout_width="wrap_content"
  	android:id="@+id/Text"/>
  	</LinearLayout>
  	</LinearLayout>

  view raw main.xml hosted with ❤ by GitHub
  
  
  
• Lalu kita inisialisasikan atau perkenal kan masing2 layout di MainActivity.java yang telah kita buat di main.xml tadi dan kita beri aksi di masing² Widget tadi atau lihat kode di bawah
  

  	package seekbar.change.textsize;
  	import android.app.*;
  	import android.os.*;
  	import android.widget.SeekBar;
  	import android.widget.EditText;
  	import android.widget.TextView;
  	import android.content.SharedPreferences;
  	import android.widget.SeekBar.*;
  	import seekbar.change.textsize.PrefsEditText;
  	import android.widget.Button;
  	import android.view.*;
  	public class MainActivity extends Activity
  	{
  	private SharedPreferences prefs;
  	private SeekBar Seek;
  	private EditText Edit;
  	private TextView Tv;
  	private Button saved;
  	PrefsEditText setting;
  	@Override
  	protected void onCreate(Bundle savedInstanceState)
  	{
  	super.onCreate(savedInstanceState);
  	setContentView(R.layout.main);
  	setting = new PrefsEditText(this);
  	saved =(Button)findViewById(R.id.Save);
  	Seek =(SeekBar)findViewById(R.id.SeekBar);
  	Edit =(EditText)findViewById(R.id.EditText);
  	Tv =(TextView)findViewById(R.id.Text);
  	initView();
  	saved.setOnClickListener(new View.OnClickListener(){
  	@Override
  	public void onClick(View p1)
  	{
  	String text = Edit.getText().toString();
  	String ET = Tv.getText().toString();
  	setting.setBacaan(ET);
  	setting.setBacaan(text);
  	Tv.setText(text);
  	}
  	});
  	prefs = getPreferences(MODE_PRIVATE);
  	float fs = prefs.getFloat("fontsize",12);
  	Seek.setProgress((int)fs);
  	Tv.setTextSize(Seek.getProgress());
  	Seek.setOnSeekBarChangeListener(new OnSeekBarChangeListener(){
  	@Override
  	public void onProgressChanged(SeekBar seekBar, int progress, boolean user)
  	{
  	Tv.setTextSize(progress);
  	}
  	@Override
  	public void onStartTrackingTouch(SeekBar seekBar)
  	{
  	}
  	@Override
  	public void onStopTrackingTouch(SeekBar p1)
  	{
  	prefs = getPreferences(MODE_PRIVATE);
  	SharedPreferences.Editor ED = prefs.edit();
  	ED.putFloat("textsize",Tv.getTextSize());
  	ED.commit();
  	}
  	});
  	}
  	void initView(){
  	String text = setting.getBacaan();
  	String ET = setting.getBacaan();
  	Edit.setHint(ET);
  	Tv.setText(text);
  	}
  	}

  view raw MainActivity.java hosted with ❤ by GitHub
  
  
• kemudian buat lah class baru dengan nama PrefsEditText.java class setau saya ini untuk mengambil hasil dari edittext dan dikirim ke TextView tapi entah lah ane kurang tau ini ane nyontek ke Source Code Mas Alfian Yusuf Abldullah :v
  

  	package seekbar.change.textsize;
  	import android.content.*;
  	public class PrefsEditText
  	{
  	private SharedPreferences MySettings;
  	public static final String PREF_NAME = "Prefs";
  	public static final String PREF_KEY = "someString";
  	public PrefsEditText(Context ctx){
  	MySettings = ctx.getSharedPreferences(PREF_NAME,Context.MODE_PRIVATE);
  	}
  	public void setBacaan(String value){
  	SharedPreferences.Editor Key = MySettings.edit();
  	Key.putString(PREF_KEY, value);
  	Key.apply();
  	}
  	public String getBacaan(){
  	return MySettings.getString(PREF_KEY , "String");
  	}
  	}

  view raw PrefsEditText.java hosted with ❤ by GitHub
  
  
• Terakhir Run project nya bila tidak terjadi eror akan menampilkan seperti ss di bawah

Hiraukan Bacaan Text yang di ss nya :v
bagi yang masih susah bisa download source code nya disini
mungkin hanya ini yang bisa saya share kali ini bila ada kesalahan mohon di maap kan karena saya hanya nuwbie yang masih belajar :v wassalmualikum wr.wb

Share on Facebook

Share on Twitter

Share on Google+

Share on LinkedIn

Subscribe to receive free email updates: