Membuat Aplikasi Input Nama Sederhana Dengan Android Studio

By Adi Christian - Jumat, 11 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: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="cm.example.adichristian.inputdatasederhana.MainActivity">

    <TextView

       android:layout_width="wrap_content"

       android:layout_height="wrap_content"

       android:text="@string/Label1"

       android:id="@+id/Label1"

       android:textSize="14sp"

       android:textStyle="bold"/>

    <EditText

       android:layout_width="match_parent"

       android:layout_height="wrap_content"

       android:layout_below="@+id/Label1"

       android:id="@+id/TxtNama"

       android:inputType="none"/>

    <Button

       android:layout_width="wrap_content"

       android:layout_height="wrap_content"

       android:layout_below="@+id/TxtNama"

       android:text="@string/ButtonValue"

       android:id="@+id/BtnTampil"

       android:onClick="TampilNama"/>

    <TextView

       android:layout_width="match_parent"

       android:layout_height="wrap_content"

       android:id="@+id/Label2"

       android:textSize="20sp"

       android:layout_below="@+id/BtnTampil"

       android:textStyle="bold"

       android:layout_marginTop="30dp"

       android:gravity="center"

       android:padding="5dp"/>
</RelativeLayout>

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

<resources>
    <string name="app_name">InputDataSederhana</string>
    <string name="Label1">Masukan Nama Anda</string>
    <string name="ButtonValue">Tampilkan</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.EditText;
import android.widget.TextView;

public class MainActivity extends AppCompatActivity {
    //Deklarasikan Variabel

    EditText TextNama;
    TextView Hasil;
    @Override    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_main);
        //Panggil Variabel Berdasarkan id

        TextNama=(EditText)findViewById(R.id.TxtNama);
        Hasil=(TextView)findViewById(R.id.Label2);
    }

    //Buat Method TampilNama Sesuai Dengan property Onclick pada button

    public void TampilNama(View v){
        Hasil.setText("Nama Anda: "+TextNama.getText());
    }
}

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

pada code EditText TextNama; TextView Hasil; disini kita mendeklarasikan variabel TextNama dengan type data EditText dan Hasil dengan type data TextView

pada code TextNama=(EditText)findViewById(R.id.TxtNama); Hasil=(TextView)findViewById(R.id.Label2); Kita Mengkoneksikan Antara variabel dengan widget yang telah kita buat pada file activity_main.xml berdasarkan id nya

Pada Code public void TampilNama(View v){ Hasil.setText("Nama Anda: "+TextNama.getText()); } Disini kita membuat method onclick berdasarkan property onclick pada widget button yang ada pada file activity_main.xml

dan pada code Hasil.setText("Nama Anda: "+TextNama.getText()); disni kita menampilkan text berdasarkan inputan dari widget EditText yang ada pad file activity_mani.xml.

Sekian Semoga Bermanfaat.

News Ticker

Teknology Kita

Membuat Aplikasi Input Nama Sederhana Dengan Android Studio

Share This:

Post Tags:

No Comment to " Membuat Aplikasi Input Nama Sederhana Dengan Android Studio "