-->



5/recent-posts/slider2

404

We Are Sorry, Page Not Found

Apologies, but the page you requested could not be found.

Home Page

Tutorial android ToggleButton

ToggleButton pada dasarnya adalah sebuah tombol on / off dengan lampu indikator.

Berikut ini adalah atribut penting yang terkait dengan kontrol ToggleButton.


1. android:disabledAlpha
 => Untuk menerapkan indikator ketika dinonaktifkan.
2. android:textOff
 => untuk tombol jika tidak di checked.
3. 
android:textOn
 => untuk tombol ketika checked.

android.widget.TextView Class
1. android:autoText
=> Menetapkan bahwa TextView ini memiliki method input teks dan secara otomatis memperbaiki beberapa kesalahan ejaan.
2. android:drawableBottom
 => ditarik di bawah teks
3. android:drawableRight
 =>  ditarik di bawah teks
4. android:editable
 => bahwa TextView ini memiliki method input.
5. android:text
 => Untuk menampilkan teks

android.view.View Class
1. android:background
 => Sebagai latar belakang
2. android:contentDescription
 => Mendefinisikan teks yang menjelaskan secara singkat.
3. android:id
 => memasok nama pengenal
4. android: onClick
 => adalah nama dari method dalam konteks untuk memanggil ketika diklik.
5. android:visibility
 => Mengontrol visibilitas

Berikut langkah-langkah sederhana, bagaimana untuk membuat aplikasi Android sendiri menggunakan Linear Layout dan CheckBox.

Membuat Project Android
1. Pada Android Studio, buatlah project baru.
     => Jika Anda tidak memiliki sebuah project, di layar Welcome klik New Project.
     => Jika Anda telah membuka project, dari menu File, pilih New Project.

    2. Pada Configure your new project, isi kolom berikut seperti di bawah ini.
     => Application name ⇒ MyToggleButton
     => Company domain ⇒ example.com (Misalnya: com.megadistudio.MyToggleButton)
     => Project Location ⇒ memilih lokasi untuk project Anda.

    3. Pada Select the form factors your app will run oncentang untuk Phone and Tablet.
     => Untuk Minimum SDK, pilih API 10: Android 2.3.3 (Gingerbread). klik Next.

    4. Pada Add an activity to Mobile, pilih Blank Activity dan klik Next.

    Next ->

    5. Klik tombol Finish untuk membuat project.
    6. Pilih View Anda sebagai Project, Buka file layout untuk kegiatan utama (activity_main.xml) terletak di bawah App  res ⇒ layout.

    Hapus TextView (Hello World) dan copy kode di bawah ini untuk membuat layout.

    activity_main.xml
    <?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:id="@+id/activity_main"
        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="mytogglebutton.megadistudio.com.mytogglebutton.MainActivity">
    
        <TextView
            android:text="@string/tk"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:textStyle="bold"
            android:textSize="50sp"
            android:layout_alignParentTop="true"
            android:layout_centerHorizontal="true"
            android:layout_marginTop="16dp"
            android:id="@+id/textView" />
    
        <ImageView
            android:layout_width="150dp"
            android:layout_height="150dp"
            app:srcCompat="@drawable/tk"
            android:layout_marginTop="11dp"
            android:id="@+id/imageView"
            android:layout_below="@+id/textView"
            android:layout_centerHorizontal="true" />
    
        <ToggleButton
            android:text="ToggleButton"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:layout_below="@+id/imageView"
            android:layout_alignLeft="@+id/textView"
            android:layout_alignStart="@+id/textView"
            android:layout_marginLeft="13dp"
            android:layout_marginStart="13dp"
            android:layout_marginTop="33dp"
            android:id="@+id/toggleButton" />
    
        <ToggleButton
            android:text="ToggleButton"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:layout_alignTop="@+id/toggleButton"
            android:layout_alignRight="@+id/textView"
            android:layout_alignEnd="@+id/textView"
            android:layout_marginRight="14dp"
            android:layout_marginEnd="14dp"
            android:id="@+id/toggleButton2" />
    
        <Button
            android:text="Button"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:layout_below="@+id/toggleButton"
            android:layout_centerHorizontal="true"
            android:id="@+id/button" />
    </RelativeLayout>
    

    7.  Buka string.xml terletak di app ⇒ res ⇒ value dan copy kode di bawah ini.


    string.xml

    <resources>
        <string name="app_name">MyToggleButton</string>
        <string name="tk">Tahu Koding</string>
    </resources>
    

    8. Sekarang Buka MainActivity.java terletak di app ⇒ src ⇒ Java dan copy kode di bawah ini.


    MainActivity.java
    package mytogglebutton.megadistudio.com.mytogglebutton;
    
    import android.support.v7.app.AppCompatActivity;
    import android.os.Bundle;
    import android.view.View;
    import android.widget.Button;
    import android.widget.Toast;
    import android.widget.ToggleButton;
    
    public class MainActivity extends AppCompatActivity {
    
        private ToggleButton tg1, tg2;
        private Button b1;
    
        @Override
        protected void onCreate(Bundle savedInstanceState) {
            super.onCreate(savedInstanceState);
            setContentView(R.layout.activity_main);
    
            tg1 = (ToggleButton) findViewById(R.id.toggleButton);
            tg2 = (ToggleButton) findViewById(R.id.toggleButton2);
            b1 = (Button) findViewById(R.id.button);
    
            b1.setOnClickListener(new View.OnClickListener(){
                @Override
                public void onClick(View v) {
                    StringBuffer result = new StringBuffer();
                    result.append("").append(tg1.getText());
                    result.append(" | ").append(tg2.getText());
                    Toast.makeText(MainActivity.this, result.toString(),Toast.LENGTH_SHORT).show();
                }
            });
        }
    }
    

    Untuk menjalankan aplikasi dari Android Studio , klik Run ikon dari toolbar.




    Google+ Linked In Pin It
    No comments:

    All Rights Reserved by Tahu Koding © 2015 - 2016