Cara Membuat Switch Di Aide

Hai bro balik lagi ama ane nih kali ini ane mau Share tutor yg simple lagi nih ya hanya buat pembelajaran ajj ya guys :v sesama nubie harus berbagi ilmu iya ga :v krik gaada yg jawab -_- jdi ngomong sendiri gua kan -_- oiya ampe lupa ane kali ini mau share cara bikin Swicth(saklar) yaitu fungsi nya untuk memadam kan lampu :) wait kayanya ada yg salah :v itu saklar buat listrik coeg :v ini swicth yg di aplikasi ya fungsi nya sama ajj si ke ada On Off nya gitu :v tapi kali ini kita bakal bikin swicth yg bisa showhide ImageView dan mengeset TextView, udh kalo gangerti liat ajj step by step nya :v

1. Untuk Pertama kali buat Project baru dengan keterangan sebagai berikut:
   
   • Name : SwitchShowHide
   • Package Name : Swicth.Show.Hide
2. Buka Lah main.xml dan buat lah layout Swicth ImageView dan TextView atau copas seperti di bawah ini
   

   	<LinearLayout
   	xmlns:android="http://schemas.android.com/apk/res/android"
   	android:layout_width="match_parent"
   	android:layout_height="match_parent"
   	android:orientation="vertical"
   	android:background="#ED271A">
   	<LinearLayout
   	android:layout_height="200dp"
   	android:layout_width="match_parent"
   	android:orientation="vertical"
   	android:padding="10dp"
   	android:background="#DA180B">
   	<LinearLayout
   	android:layout_height="50dp"
   	android:layout_width="match_parent"
   	android:orientation="horizontal"
   	android:background="#07064C"
   	android:gravity="center">
   	<TextView
   	android:layout_height="wrap_content"
   	android:text="Show Hide"
   	android:layout_width="wrap_content"
   	android:textSize="25sp"
   	android:textColor="#E12B1F"/>
   	</LinearLayout>
   	<LinearLayout
   	android:layout_height="match_parent"
   	android:layout_width="match_parent"
   	android:orientation="horizontal"
   	android:background="#42CE21"
   	android:gravity="center">
   	<ImageView
   	android:layout_height="wrap_content"
   	android:layout_width="wrap_content"
   	android:src="@drawable/img"
   	android:id="@+id/img1"/>
   	</LinearLayout>
   	</LinearLayout>
   	<LinearLayout
   	android:layout_height="wrap_content"
   	android:layout_width="match_parent"
   	android:orientation="horizontal"
   	android:gravity="center"
   	android:background="#081EEA"
   	android:layout_marginRight="10dp"
   	android:layout_marginLeft="10dp">
   	<Switch
   	android:layout_height="wrap_content"
   	android:layout_width="wrap_content"
   	android:id="@+id/MySwicth"/>
   	</LinearLayout>
   	<LinearLayout
   	android:layout_height="match_parent"
   	android:layout_width="match_parent"
   	android:orientation="vertical"
   	android:padding="10dp">
   	<LinearLayout
   	android:layout_height="match_parent"
   	android:layout_width="match_parent"
   	android:orientation="vertical">
   	<LinearLayout
   	android:layout_height="40dp"
   	android:layout_width="match_parent"
   	android:orientation="horizontal"
   	android:gravity="center"
   	android:background="#05145D">
   	<TextView
   	android:layout_height="wrap_content"
   	android:text="Swicth Status"
   	android:layout_width="wrap_content"
   	android:textSize="25sp"
   	android:textColor="#DB1A0E"/>
   	</LinearLayout>
   	<LinearLayout
   	android:layout_height="match_parent"
   	android:layout_width="match_parent"
   	android:orientation="horizontal"
   	android:background="#1FE319"
   	android:gravity="center">
   	<TextView
   	android:text="Status:"
   	android:layout_height="wrap_content"
   	android:layout_width="wrap_content"
   	android:textSize="40sp"
   	android:textColor="#D4261A"
   	android:id="@+id/StatusSwicth"/>
   	</LinearLayout>
   	</LinearLayout>
   	</LinearLayout>
   	</LinearLayout>

   view raw main.xml hosted with ❤ by GitHub
   
   
   Bisa di lihat kita menambahkan Id di layout yg penting yaitu
   
   • Switch idnya = MySwitch
   • ImageView idnya = Img1
   • TextView idnya = text




3. Lalu buka MainActivity.java dan buat lah Variabel Switch,ImegView,dan TextView dengan mengarah ke Id di atas tdi dan untuk mengeset Swicth nya kita menggunakan setOnCheckedChangeListener atau bisa lihat full code nya di bawah
   

   	package Swicth.Show.Hide;
   	import android.app.*;
   	import android.os.*;
   	import android.widget.*;
   	public class MainActivity extends Activity
   	{
   	//Membuat Private Variabel
   	private Switch MySwitch;
   	private TextView status;
   	private ImageView img;
   	@Override
   	protected void onCreate(Bundle savedInstanceState)
   	{
   	super.onCreate(savedInstanceState);
   	setContentView(R.layout.main);
   	//memanggil Id yg ada di main.xml
   	MySwitch =(Switch)findViewById(R.id.MySwicth);
   	status =(TextView)findViewById(R.id.StatusSwicth);
   	img = (ImageView)findViewById(R.id.img1);
   	//mengeset Swicth posisi default ON
   	MySwitch.setChecked(true);
   	//mengeset perpindahan Swicth posisi ON dan OFF
   	MySwitch.setOnCheckedChangeListener(new CompoundButton.OnCheckedChangeListener()
   	{
   	@Override
   	public void onCheckedChanged(CompoundButton buttonView, boolean isChecked)
   	{
   	if(isChecked)
   	{
   	img.setVisibility(0);
   	status.setText("Status: ON");
   	}
   	else
   	{
   	img.setVisibility(4);
   	status.setText("Status: OFF");
   	}
   	}
   	});
   	}
   	}

   view raw MainActivity.java hosted with ❤ by GitHub
   
   
   
   




4. Langkah terakhir Di Run lah project nya masa di liatin doang :v ya gakeliatan hasilnya atuh bos :v kalo penasaran nih ane sediain ss nya ke gini klo udh di Run
   
   

Bila merasa kesulitan bisa download Source Code nya Disini ya sekian dari saya mungkin tutor ini terlalu simple ya wajar ajj ane kan nubie :v klo mastah nya skip ajj dah :v jangan di bully ane nya :v sekali lagi maap kalo ada kekurangan dari tutor yg ane sediain :v by by selamat menjalankan ibadah puasa nya guys :v

Share on Facebook

Share on Twitter

Share on Google+

Share on LinkedIn

Subscribe to receive free email updates: