Membuat Form Pendaftaran di Android

Malam ini Saya akan mengajarkan bagaimana cara Membuat Form Pendaftaran di Android. Jadi nanti Anda akan belajar EditText, RadioGroup dan CheckBox. Dimana output akan kita cetak dalam bentuk Toast. Baca juga artikel Membuat Toast di Android. Baiklah, berikut adalah tutorialnya ...

Berikut file strings.xml :

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

    <string name="app_name">Daftar Anggota</string>
    <string name="nama">Nama</string>
    <string name="kelamin">Kelamin</string>
    <string name="pria">Pria</string>
    <string name="wanita">Wanita</string>
    <string name="hobi">Hobi</string>
    <string name="browsing">Browsing</string>
    <string name="coding">Coding</string>
    <string name="membaca">Membaca</string>
    <string name="renang">Renang</string>
    <string name="daftar">Daftar Anggota Baru</string>
    <string name="action_settings">Settings</string>

</resources>

Berikut file fragment_main.xml :

<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:tools="http://schemas.android.com/tools"
    android:id="@+id/LinearLayout1"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:orientation="vertical"
    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.daftaranggota.FormDaftarActivity$PlaceholderFragment" >

    <TextView
        android:id="@+id/textview_nama"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:text="@string/nama"
        android:textSize="15sp"
        android:textStyle="bold" />

    <EditText
        android:id="@+id/edittext_nama"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:ems="10"
        android:hint="" >

        <requestFocus />
    </EditText>

    <TextView
        android:id="@+id/textview_kelamin"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_marginTop="10dp"
        android:text="@string/kelamin"
        android:textSize="15sp"
        android:textStyle="bold" />

    <RadioGroup
        android:id="@+id/radiogroup_kelamin"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content" >

        <RadioButton
            android:id="@+id/kelamin_pria"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:checked="true"
            android:text="@string/pria" />

        <RadioButton
            android:id="@+id/kelamin_wanita"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:text="@string/wanita" />
    </RadioGroup>

    <TextView
        android:id="@+id/textview_hobi"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_marginTop="5dp"
        android:text="@string/hobi"
        android:textSize="15sp"
        android:textStyle="bold" />

    <CheckBox
        android:id="@+id/checkbox_hobi_browsing"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:text="@string/browsing" />

    <CheckBox
        android:id="@+id/checkbox_hobi_coding"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:text="@string/coding" />

    <CheckBox
        android:id="@+id/checkbox_hobi_membaca"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:text="@string/membaca" />

    <CheckBox
        android:id="@+id/checkbox_hobi_renang"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:text="@string/renang" />

    <Button
        android:id="@+id/button"
        style="?android:attr/buttonStyleSmall"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:layout_marginTop="5dp"
        android:text="@string/daftar" />

</LinearLayout>

Berikut file MainActivity.java :

public static class PlaceholderFragment extends Fragment {

        Button button;
        EditText edittext_nama;
        RadioGroup radiogroup_kelamin;
        CheckBox checkbox_hobi_browsing, checkbox_hobi_coding, checkbox_hobi_membaca, checkbox_hobi_renang;
        StringBuffer pilih_hobi;
       
        public PlaceholderFragment() {
        }

        @Override
        public View onCreateView(LayoutInflater inflater, ViewGroup container, Bundle savedInstanceState) {
            final View rootView = inflater.inflate(R.layout.fragment_form_daftar, container, false);
           
            button = (Button)rootView.findViewById(R.id.button);
            edittext_nama = (EditText)rootView.findViewById(R.id.edittext_nama);
            radiogroup_kelamin = (RadioGroup)rootView.findViewById(R.id.radiogroup_kelamin);
            checkbox_hobi_browsing = (CheckBox)rootView.findViewById(R.id.checkbox_hobi_browsing);
            checkbox_hobi_coding = (CheckBox)rootView.findViewById(R.id.checkbox_hobi_coding);
            checkbox_hobi_membaca = (CheckBox)rootView.findViewById(R.id.checkbox_hobi_membaca);
            checkbox_hobi_renang = (CheckBox)rootView.findViewById(R.id.checkbox_hobi_renang);
                       
            button.setOnClickListener(new View.OnClickListener() {
                @Override
                public void onClick(View v) {
                    Integer kelamin = radiogroup_kelamin.getCheckedRadioButtonId();
                    RadioButton radiobutton_kelamin = (RadioButton)rootView.findViewById(kelamin);
                   
                    pilih_hobi = new StringBuffer();
                   
                    //pilih_hobi.append("Browsing : ").append(checkbox_hobi_browsing.isChecked());
                    //pilih_hobi.append("nCoding : ").append(checkbox_hobi_coding.isChecked());
                    //pilih_hobi.append("nMembaca : ").append(checkbox_hobi_membaca.isChecked());
                    //pilih_hobi.append("nRenang : ").append(checkbox_hobi_renang.isChecked());
                   
                    if(checkbox_hobi_browsing.isChecked()){
                        pilih_hobi.append("n Browsing");
                    }
                    if(checkbox_hobi_coding.isChecked()){
                        pilih_hobi.append("n Coding");
                    }
                    if(checkbox_hobi_membaca.isChecked()){
                        pilih_hobi.append("n Membaca");
                    }
                    if(checkbox_hobi_renang.isChecked()){
                        pilih_hobi.append("n Renang");
                    }

                    Toast.makeText(getActivity(), edittext_nama.getText() + "nn" + radiobutton_kelamin.getText() + "n" + pilih_hobi.toString(), Toast.LENGTH_SHORT).show();
                }
            });
           
            return rootView;
        }
    }

Berikut hasil akhirnya :