4 Apr 2014

TUTORIAL MENAMPILKAN BIODATA

1. Seperti biasa buat project baru dulu.

2.       Lalu rancang interface mulai dari Nama dengan widget EditText, E-mail dengan widget EditText jg tapi type inputdatanya adalah Email,  jenis kelamin dengan RadioGroup dan 2 item RadioButton, dan Hobi dengan CheckBox, lalu Tombol untuk mengeksekusi Fungsi. 


3.  Berikut source codenya


<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=".MainActivity" >

    <Button
        android:id="@+id/btnSubmit"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_alignParentBottom="true"
        android:layout_centerHorizontal="true"
        android:layout_marginBottom="140dp"
        android:onClick="klikSubmit"
        android:text="@string/submit" />

    <TextView
        android:id="@+id/textView2"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_alignLeft="@+id/textView1"
        android:layout_alignTop="@+id/radioGroup1"
        android:layout_toLeftOf="@+id/editTextEmail"
        android:text="@string/jeniskel"
        android:textAppearance="?android:attr/textAppearanceSmall" />

    <TextView
        android:id="@+id/textView3"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_above="@+id/btnSubmit"
        android:layout_alignLeft="@+id/textView2"
        android:layout_marginBottom="56dp"
        android:text="@string/hobi"
        android:textAppearance="?android:attr/textAppearanceMedium" />

    <CheckBox
        android:id="@+id/checkBoxBaca"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_alignLeft="@+id/radioGroup1"
        android:layout_alignTop="@+id/textView3"
        android:text="@string/baca" />

    <CheckBox
        android:id="@+id/checkBoxTulis"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_alignBaseline="@+id/checkBoxBaca"
        android:layout_alignBottom="@+id/checkBoxBaca"
        android:layout_marginLeft="22dp"
        android:layout_toRightOf="@+id/checkBoxBaca"
        android:text="@string/tulis" />

    <RadioGroup
        android:id="@+id/radioGroup1"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_above="@+id/checkBoxBaca"
        android:layout_alignLeft="@+id/editTextEmail"
        android:layout_marginBottom="34dp"
        android:orientation="horizontal" >

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

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

    <EditText
        android:id="@+id/editTextNama"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_alignTop="@+id/txtNama"
        android:layout_marginLeft="16dp"
        android:layout_toRightOf="@+id/txtNama"
        android:ems="10"
        android:inputType="textPersonName" >

        <requestFocus />

    </EditText>

    <TextView
        android:id="@+id/outHere"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_alignLeft="@+id/textView3"
        android:layout_alignTop="@+id/btnSubmit"
        android:layout_marginTop="64dp"
        android:text="@string/here" />

    <TextView
        android:id="@+id/txtNama"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_alignParentLeft="true"
        android:layout_alignParentTop="true"
        android:text="@string/nama"
        android:textAppearance="?android:attr/textAppearanceMedium" />

    <TextView
        android:id="@+id/textView1"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_alignLeft="@+id/txtNama"
        android:layout_alignTop="@+id/editTextEmail"
        android:text="@string/email"
        android:textAppearance="?android:attr/textAppearanceMedium" />

    <EditText
        android:id="@+id/editTextEmail"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_alignLeft="@+id/editTextNama"
        android:layout_below="@+id/editTextNama"
        android:ems="10"
        android:inputType="textEmailAddress" />

    <TextView
        android:id="@+id/outHere2"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_alignLeft="@+id/outHere"
        android:layout_below="@+id/outHere"
        android:text="@string/here2" />

    <TextView
        android:id="@+id/outhere3"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_alignLeft="@+id/outHere2"
        android:layout_below="@+id/outHere2"
        android:text="@string/here3" />

    <TextView
        android:id="@+id/outhere4"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_alignLeft="@+id/outhere3"
        android:layout_below="@+id/outhere3"
        android:text="@string/here4" />

</RelativeLayout>

4.   Lalu di MainActivity.java buat berapa fungsi misal untuk mengambil text dari EditText kemudian di Tampilkan di TextView dan Membaca item yang mendapat ceklist, berikut source code nya J

package com.example.datamhs;

import android.os.Bundle;
import android.app.Activity;
import android.view.Menu;
import android.view.View;
import android.widget.CheckBox;
import android.widget.EditText;
import android.widget.RadioButton;
import android.widget.RadioGroup;
import android.widget.TextView;

public class MainActivity extends Activity {

       RadioButton radio1, radio2;
       RadioGroup grupjk;
       TextView namahere, emailhere, jkhere, hobihere;
       EditText txtnama, txtemail;
       CheckBox cekbaca, cektulis;

      
       @Override
       protected void onCreate(Bundle savedInstanceState) {
              super.onCreate(savedInstanceState);
              setContentView(R.layout.activity_main);
              radio1 = (RadioButton)findViewById(R.id.radio0);
              radio2 = (RadioButton)findViewById(R.id.radio1);
              namahere = (TextView)findViewById(R.id.outHere);
              emailhere = (TextView)findViewById(R.id.outHere2);
              jkhere = (TextView)findViewById(R.id.outhere3);
              hobihere = (TextView)findViewById(R.id.outhere4);
              txtnama = (EditText)findViewById(R.id.editTextNama);
              txtemail = (EditText)findViewById(R.id.editTextEmail);
              cekbaca = (CheckBox)findViewById(R.id.checkBoxBaca);
              cektulis = (CheckBox)findViewById(R.id.checkBoxTulis);
              grupjk = (RadioGroup)findViewById(R.id.radioGroup1);
       }

       @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;
       }
      
       public void klikSubmit(View v){
              namahere.setText("nama : "+txtnama.getText());
              emailhere.setText("email : "+txtemail.getText());
              cekJeniskel();
              cekhobi();
              clear();
       }
      
       public void clear(){
              txtnama.setText("");
              txtemail.setText("");
              cekbaca.setChecked(false);
              cektulis.setChecked(false);
       }
      
       public void cekhobi(){
              if(cekbaca.isChecked() && cektulis.isChecked()){
                     hobihere.setText("Hobi : Baca, Tulis");
              }
              else if(cekbaca.isChecked()){
                     hobihere.setText("Hobi : Baca");
              }
              else if(cektulis.isChecked()){
                     hobihere.setText("Hobi : Tulis");
              }
              else{
                     hobihere.setText("Anda tidak mengisi hobi");
              }
       }
      
       public void cekJeniskel(){
              if(radio1.isChecked()){
                     jkhere.setText("Laki-laki");
              }
              else if(radio2.isChecked()){
                     jkhere.setText("Perempuan");
              }
              else{
                     jkhere.setText("?");
              }
       }
}



5. Hasil jadi sebagai berikut










Tidak ada komentar:

Posting Komentar