Membuat Input Hobbi dengan Checkbox di android studio

By Adi Christian - Minggu, 13 Maret 2016 - No Comments

Pertama yang harus kita lakukan adalah membuat project baru file>new>new project. lalu akan muncul tampilan seprti berikut:

Lalu Ubah Aplication name seperti gambar di atas kemudian klik next. kemudian akan muncul tampilan seperti berikut:

Pada tampilan berikut kita diminta untuk memilih target minimum sdk yang dinginkan di sini saya menggunakan minimum sdknya android 4.0 (iceCreamSandwich). kemudian kilik next lalu akan muncul tampilan:

pada tampilan berikut kita di minta untuk memilih activiti. disini saya memilih Empty Activity. kemudian klik next. lalu akan muncul tampilan:

pada tampilan berikut kita diminta untuk memberi nama pada activitynya. disini saya menggunkan nama default dari android studio.

berikutnya silahkan copy paste code berikut pada activity_main.xml yang ada di folder project>res>layout>activity_main.xml

<?xml version="1.0" encoding="utf-8"?>

<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:paddingLeft="@dimen/activity_horizontal_margin"

 android:paddingRight="@dimen/activity_horizontal_margin"

 android:paddingTop="@dimen/activity_vertical_margin"

 android:paddingBottom="@dimen/activity_vertical_margin"

 tools:context="cm.example.adichristian.daftarhobi.MainActivity">

    <TextView

     android:text="@string/Label1"

     android:layout_width="wrap_content"

     android:layout_height="wrap_content"

     android:id="@+id/Label1"

     android:textSize="16sp"

     android:textStyle="bold"

     android:padding="5dp"/>

    <EditText

     android:layout_width="match_parent"

     android:layout_height="wrap_content"

     android:layout_below="@id/Label1"

     android:id="@+id/TxtNama"

     android:inputType="none"/>

    <CheckBox

     android:layout_width="wrap_content"

     android:layout_height="wrap_content"

     android:layout_below="@id/TxtNama"

     android:text="@string/Hobbi1"

     android:id="@+id/Hb1"

     android:textSize="16sp"

     android:textStyle="bold" />

    <CheckBox

     android:layout_width="wrap_content"

     android:layout_height="wrap_content"

     android:layout_below="@id/Hb1"

     android:text="@string/Hobbi2"

     android:id="@+id/Hb2"

     android:textSize="16sp"

     android:textStyle="bold" />

    <CheckBox

     android:layout_width="wrap_content"

     android:layout_height="wrap_content"

     android:layout_below="@id/Hb2"

     android:text="@string/Hobbi3"

     android:id="@+id/Hb3"

     android:textSize="16sp"

     android:textStyle="bold" />

    <CheckBox

     android:layout_width="wrap_content"

     android:layout_height="wrap_content"

     android:layout_below="@id/Hb3"

     android:text="@string/Hobbi4"

     android:id="@+id/Hb4"

     android:textSize="16sp"

     android:textStyle="bold" />

    <Button

     android:layout_width="wrap_content"

     android:layout_height="wrap_content"

     android:layout_below="@id/Hb4"

     android:text="@string/Button"

     android:textSize="16sp"

     android:textStyle="bold"

     android:id="@+id/BtnProses"

     android:onClick="LihatHasil"/>

    <TextView

     android:layout_width="match_parent"

     android:layout_height="wrap_content"

     android:id="@+id/Label2"

     android:textSize="16sp"

     android:textStyle="bold"

     android:padding="5dp"

     android:layout_marginTop="20dp"

     android:layout_below="@id/BtnProses"/>
</RelativeLayout>

Lalu Copy code berikut pada strings.xml yang ada pad folder project>res>value>strings.xml

<resources>
    <string name="app_name">InputHobbi</string>
    <string name="Label1">Masukan Nama Anda</string>
    <string name="Hobbi1">Membaca</string>
    <string name="Hobbi2">Memasak</string>
    <string name="Hobbi3">Berenang</string>
    <string name="Hobbi4">Sepak Bola</string>
    <string name="Button">Proses</string>
</resources>

Lalu copy code berikut pada MainActivity.java

import android.support.v7.app.AppCompatActivity;
import android.os.Bundle;
import android.view.View;
import android.widget.CheckBox;
import android.widget.EditText;
import android.widget.TextView;

public class MainActivity extends AppCompatActivity {
    //Dekralasikan Veriabel Yang Terlibat    EditText nama;
    TextView hasil;
    CheckBox Hobbi1,Hobbi2,Hobbi3,Hobbi4;
    String Tampil,s;
    @Override

    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_main);
        //Panggil Variabel Yang Terblibat Berdasarkan Id

        nama=(EditText)findViewById(R.id.TxtNama);
        Hobbi1=(CheckBox)findViewById(R.id.Hb1);
        Hobbi2=(CheckBox)findViewById(R.id.Hb2);
        Hobbi3=(CheckBox)findViewById(R.id.Hb3);
        Hobbi4=(CheckBox)findViewById(R.id.Hb4);
        hasil=(TextView)findViewById(R.id.Label2);
    }

    public void LihatHasil(View v){
        //Cek CheckBox Yang Tercentang

        if(Hobbi1.isChecked()) {
            s = "Membaca";
        }
        if(Hobbi2.isChecked()){
            s=s+" Memasak";
        }
        if(Hobbi3.isChecked()){
            s=s+" Berenang";
        }
        if(Hobbi4.isChecked()){
            s=s+" Sepak Bola";
        }
        //Tampilkan Ke TextView

        Tampil="Nama Anda "+nama.getText()+" Anda Memiliki Hobbi "+s;
        hasil.setText(Tampil);

    }//Tutup Method LihatHasil}

Penjelasan Singkat untuk code MainActivity.java
pada code import itu digunkan untuk memasukan library yang di perlukan untuk aplikasi nantinya

pada kode EditText nama; sampai dengan Srting Tampil,s. disni kita mendeklarasikan variabel yang terlibat.

pada kode nama=(EditText) findViewById(R.id.TxtNama); sampai hasil=(TextView)findViewById(R.id.Label2); disni kita mengkoneksikan variabel yang terlibat dengan widget yang ada di file activity_main.xml.

pad kode public void LihatHasil(){}. disni kita membuat method untuk button sesuai dengan property onclick yang ada pada widget button yang ada pada file activity_main.xml.

pada kode if(Hobbi1.isChecked()){s="membaca"} sampai if(Hobbi4.isChecked()){s=s+" Sepak Bola"}. disni kita mengecek widget checkbox yang tercentang.

pada kode tampil="Nama Anda "+nama.getText()+" Anda Memiliki Hobbi "+s;. disini kita menggabungkan string dan varibel untuk mencetak text.

dan pada kode hasil.setText(Tampil); disini kita mencetak variabel Tampil Ke dalam Widget TextView.

Sekian dan Semoga Bermanfaat.

News Ticker

Teknology Kita

Membuat Input Hobbi dengan Checkbox di android studio

Share This:

Post Tags:

No Comment to " Membuat Input Hobbi dengan Checkbox di android studio "