Cara Membuat Toggle Button ANdroid Dengan Program di Eclipse

iklan
kali ini saya aka memberikan sebuah materi mengenai tutorial android yang tentunya sangat sederhana sekali yaitu Cara membuat Toggle Button. ada yang beda dengan tutorial kali ini karna saya menggunakan sebuah tool bernama Eclipse untuk membuat Project sederhana. Sebelum membuat tutorial  mari kita simak mengenai Apa Pengertian dari Toggle Button?

Toggle Button merupakan sebuah Widget yang telah disediakan oleh Tools seperti Android Tools Studio maupun Eclipse yang mana fungsi ini dari Toggle Button ini mempunyai keadaan 2 jenis yaitu  Off/Mati dan ON/Hidup. Jadi bila sebuah aplikasi yang kita gunakan dapat kita berikan suatu kondisi. Nah, bagaimana cara membuatnya? mari kita simak tutornya dibawah ini :

 Cara Membuat Toggle Button ANdroid Dengan Program di Eclipse

Begini Cara Membuatnya  Toggle Button di Aplikasi Android

Yang harus dilakukan Buat Project anda pada aplikasi Eclipse, kemudian beri nama projectnya Toggle Button.

 Cara Membuat Toggle Button ANdroid Dengan Program di Eclipse


Lalu kalian Edit Halaman Utama

Buka activity_main.xml lalu tambahkan widget Toggle Button. atau bila ingin membuat script xml seperti berikut

<RelativeLayout 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: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="com.ikhsan.togglebutton.MainActivity" >

    <ToggleButton
        android:id="@+id/tg1"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_alignParentLeft="true"
        android:layout_alignParentRight="true"
        android:layout_marginTop="40dp"
        android:text="ToggleButton" />

    <TextView
        android:id="@+id/textView2"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_centerHorizontal="true"
        android:layout_marginTop="21dp"
        android:text="Toggle Button 1"
        android:textAppearance="?android:attr/textAppearanceSmall" />

    <TextView
        android:id="@+id/textView1"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_alignLeft="@+id/textView2"
        android:layout_below="@+id/tg1"
        android:layout_marginTop="20dp"
        android:text="Toggle Button 2"
        android:textAppearance="?android:attr/textAppearanceSmall" />

    <ToggleButton
        android:id="@+id/tg2"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_alignLeft="@+id/tg1"
        android:layout_alignRight="@+id/tg1"
        android:layout_below="@+id/textView1"
        android:text="ToggleButton" />

    <TextView
        android:id="@+id/textView3"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_centerHorizontal="true"
        android:layout_centerVertical="true"
        android:text="Cek Status Toggle Button" />

    <Button
        android:id="@+id/button1"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_below="@+id/textView3"
        android:layout_centerHorizontal="true"
        android:layout_marginTop="14dp"
        android:text="Tekan Display" />

</RelativeLayout>

Lanjut di Edit Controller Java di Main Activity

Buka MainActivity.java kemudian hapus semua didalamnya lalu copy dan paste script dibawah ini

package com.androidnajwa.togglebutton;

import android.app.Activity;
import android.os.Bundle;
import android.view.Menu;
import android.view.MenuItem;
import android.view.View;
import android.view.View.OnClickListener;
import android.widget.Button;
import android.widget.Toast;
import android.widget.ToggleButton;


public class MainActivity extends Activity {

 ToggleButton tg1, tg2;
 Button btn;
 
    @Override
    public void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_main);
        
        addListenerOnButton();
    }

    public void addListenerOnButton() {
  // TODO Auto-generated method stub
  tg1 = (ToggleButton)findViewById(R.id.tg1);
  tg2 = (ToggleButton)findViewById(R.id.tg2);
  
  btn = (Button)findViewById(R.id.button1);
  
  btn.setOnClickListener(new OnClickListener() {
   
   @Override
   public void onClick(View v) {
    // TODO Auto-generated method stub
    StringBuffer result = new StringBuffer();
    result.append("ToggleButton 1 : ").append(tg1.getText());
    result.append("\nToggleButton 2 : ").append(tg2.getText());
    
    Toast.makeText(MainActivity.this, result.toString(), Toast.LENGTH_SHORT).show();
   }
  });
 }

 @Override
    public boolean onCreateOptionsMenu(Menu menu) {
        // Inflate the menu; this adds items to the action bar if it is present.
        getMenuInflater().inflate(R.menu.main, menu);
        return true;
    }

    @Override
    public boolean onOptionsItemSelected(MenuItem item) {
        // Handle action bar item clicks here. The action bar will
        // automatically handle clicks on the Home/Up button, so long
        // as you specify a parent activity in AndroidManifest.xml.
        int id = item.getItemId();
        if (id == R.id.action_settings) {
            return true;
        }
        return super.onOptionsItemSelected(item);
    }
}

Run Application Project


Sekarang Coba kita akan lakukan testing dengan menggunakan Tombol Shift+F11.

 Cara Membuat Toggle Button ANdroid Dengan Program di Eclipse

Demikianlah pembahasan kita hari ni ini mengenai Tutorial Cara Membuat Toggle Button di Eclipse,
iklan

0 Response to " Cara Membuat Toggle Button ANdroid Dengan Program di Eclipse"

Post a Comment