Membuat Aplikasi Android Sederhana User Interface Button

Membuat Aplikasi Android Sederhana User Interface Button - Pada aplikasi android kali ini kita akan coba menerapkan user interface di aplikasi android yang sebelumnya di jelaskan pada postingan sebelumnya.

Baca juga : Komponen User Interface Aplikasi Android

Buat Sebuah Project baru

Sebelum anda memulai membuat project, apa bila anda baru memulai membuat aplikasi android dan belum menginstal software yang diperlukan harap di instal terlebih dahulu, untuk cara penginstalan software yang di butuhkan baca di sini Cara Instalasi Package Untuk Membuat Aplikasi Android.

Untuk langkah - langkah membuat project baru lihat disini Cara Membuat Aplikasi Android Hello Word.

Buatlah sebuah project baru di eclipse anda dengan property :

Project Name          : UIcoding1

Build Target             : Android 2.3

Application name     : uicoding1

Package name         : com.wilis.uicoding1

Activity                   : uicoding1

Min SDK                : 9

1. uicoding1.java

Ubahlah file uicoding1.java menjadi seperti ini :

package com.wilis.uicoding1;

import android.app.Activity;
import android.os.Bundle;

public class uicoding extends Activity {
    /** Called when the activity is first created. */
    @Override
    public void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.main);
    }
}

uicoding1.java di atas berarti menampilkan isi dari main.xml dengan perintah setContentView(R.layout.main).

2. main.xml

Ubahlah main.xml menjadi seperti ini :

<?xml version="1.0" encoding="utf-8"?>
<linearlayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:orientation="vertical"
    android:layout_width="fill_parent"
    android:layout_height="fill_parent"
    >
<textview  
    android:layout_width="fill_parent" 
    android:layout_height="wrap_content" 
    android:text="Hello, saya jin"
    />
<button android:layout_width="wrap_content" android:text="Hello, Jin" android:id="@+id/button" android:layout_height="wrap_content"></Button>


</LinearLayout>

file main.xml ini terdiri dari dua komponen yaitu TextView dan Button. TextView berupa tulisan "Hello, saya jin" dengan nama variabel id/text dan sebuah button dengan tulisan "Hello, Jin" dengan variabel id/button. dimana dua komponen tadi ditampilkan dengan layout "Wrap_Content".

3. string.xml

Ubah file string.xml menjadi seperti ini :

<?xml version="1.0" encoding="utf-8"?>
<resources>
    <string name="app_name">uicoding1</string>
</resources>

file ini berisi satu variabel app_nae, variabel ini akan dipanggil oleh AndroidManifest.xml dengan perintah coding android : label="@string/app_name".

4. Android.Manifest.xml

Ubahlah file android.manifest.xml menjadi seperti  ini :

<?xml version="1.0" encoding="utf-8"?>
<manifest xmlns:android="http://schemas.android.com/apk/res/android"
      package="com.wilis.uicoding1"
      android:versionCode="1"
      android:versionName="1.0">
    <application android:icon="@drawable/icon" android:label="@string/app_name">
        <activity android:name=".uicoding"
                  android:label="@string/app_name">
            <intent-filter>
                <action android:name="android.intent.action.MAIN" />
                <category android:name="android.intent.category.LAUNCHER" />
            </intent-filter>
        </activity>

    </application>
    <uses-sdk android:minSdkVersion="9" />

</manifest> 

coba jalankan aplikasi andra di eclipse dengan cara klik Run atau tekan tombol pada keyboard CTRL + F11. maka hasil dari aplikasi anda akan seperti di atas.

Sumber :  Pemograman Aplikasi Mobile Smartphone dan tablet PC Berbasic Android Penerbit Informatika, Bandung, 2012 By : Nazruddin Safaat.

Aplikasi Android Sederhana User Interface Button anda sekarang sudah selesai, baca juga tutorial membuat aplikasi android lainnya.