Belajar Pemrograman Android Bagian 2

Hello sobat bloggers kali ini saya akan membahas cara membuat aplikasi android sederhana,  bagaimana caranya? simak aja sob..

pertama jalankan aplikasi eclipse kemudian pilih menu file > new >android application project , maka akan muncul window seperti ini :

isi Application name sesuai dengan aplikasi yang ingin dibuat , misal hello kemudian project name akan terisi sendiri , dalam package name akan muncul com.example.hello , ganti com.example dengan nama project anda misal rheza.project.hello setelah itu klik next > next > finish . halaman workspace anda pun sudah jadi...

Membuat Halaman Baru

 ketika kita membuat project baru maka secara default akan muncul file activity_main.xml (jika namanya belum di ubah) dalam direktori hello > res > layout ,dan jika di run maka akan muncul kata "Hello world"
ubah lah code tersebut sehingga menyerupai :

<?xml version="1.0" encoding="utf-8"?>
<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="fill_parent"
    android:layout_height="fill_parent"
    android:background="@drawable/eveb"
    android:orientation="vertical" >

    <Button
        android:id="@+id/btn.next"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:layout_alignParentBottom="true"
        android:layout_centerHorizontal="true"
        android:layout_margin="10dp"
        android:layout_marginBottom="32dp"
        android:text="@string/btn.next" />

    <TextView
        android:id="@+id/textView1"
        android:layout_width="110dp"
        android:layout_height="80dp"
        android:layout_above="@+id/btn.next"
        android:layout_alignRight="@+id/btn.next"
        android:layout_marginRight="28dp"
        android:gravity="center"
        android:text="@string/text"
        android:textColor="@color/blue"
        android:textSize="5pt" />

    <ImageView
        android:id="@+id/imageView1"
        android:layout_width="130dp"
        android:layout_height="130dp"
        android:layout_above="@+id/textView1"
        android:layout_centerHorizontal="true"
        android:layout_marginBottom="26dp"
        android:src="@drawable/logo" />

    <TextView
        android:id="@+id/textView2"
        android:layout_width="95dp"
        android:layout_height="70dp"
        android:layout_above="@+id/imageView1"
        android:layout_marginBottom="25dp"
        android:layout_marginRight="23dp"
        android:layout_toLeftOf="@+id/textView1"
        android:text="@string/text2"
        android:textColor="@color/purple"
        android:textSize="7pt"
        android:textStyle="bold" />

</RelativeLayout> 
 
buatlah terlebih dahulu folder drawable didalam direktori res lalu masukkan file image kedalam folder tersebut kemudian nama disesuaikan android:background="@drawable/eveb" eveb adalah nama file imagenya ubah lah sesuai dengan nama file image yang anda simpan di folder drawable. kemudian klik tab graphical layout yang terletak di bawah untuk melihat hasilnya tanpa di run di emulator.

 kok tidak ada textnya? :hammers, tentu saja karena saya menggunakan strings.xml untuk textnya bila tidak ingin memakai strings hapus saja kata @string/btn.next  pada android:text="@string/btn.next" /> menjadi Click Me atau yang lainnya. tapi jika ingin memakai string bisa lihat code di bawah
<?xml version="1.0" encoding="utf-8"?>
<resources>

    <string name="hello">Hello World!</string>
    <string name="app_name">MyInfo</string>
    <string name="text">This is my first project, to get started click button below</string>
     <string name="text2">Hi, how are you? </string>
     <string name="btn.next">Click Me !</string>
     <string name="btn.back">HOME</string>

 </resources>
file ini ada di direktori res > values
lalu untuk membuat file XML baru klik kanan pada direktori layout lalu pilih new > Android XML File ,beri nama misal halaman_dua kemudian isi code berikut :
<?xml version="1.0" encoding="utf-8"?>
<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:background="@drawable/hal"
    android:orientation="vertical" >

    <Button
        android:id="@+id/rencana"
        android:layout_width="200dp"
        android:layout_height="40dp"
        android:layout_centerHorizontal="true"
        android:layout_centerVertical="true"
        android:background="@color/blu"
        android:onClick="rencana"
        android:text="@string/rencana" />

    <Button
        android:id="@+id/biodata"
        android:layout_width="200dp"
        android:layout_height="40dp"
        android:layout_above="@+id/rencana"
        android:layout_alignLeft="@+id/rencana"
        android:layout_marginBottom="34dp"
        android:background="@color/blu"
        android:onClick="biodata"
        android:text="@string/biodata" />

    <Button
        android:id="@+id/btn.back"
        android:layout_width="200dp"
        android:layout_height="40dp"
        android:layout_alignLeft="@+id/rencana"
        android:layout_below="@+id/rencana"
        android:layout_marginTop="32dp"
        android:background="@color/blu"
        android:onClick="main"
        android:text="@string/btn.back" />

    <TextView
        android:id="@+id/textView1"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_above="@+id/biodata"
        android:layout_centerHorizontal="true"
        android:layout_marginBottom="36dp"
        android:textSize="8pt"
        android:text="@string/menu" />

</RelativeLayout> 
oh iya disini saya menggunakan color.xml untuk memberi warna pada text android:background="@color/blu" ,cara membuatnya hampir sama seperti membuat code pada string.xml ,buat file xml dengan nama color pada direktori res > values

<?xml version="1.0" encoding="utf-8"?>
<resources>
    <color name="purple">#1D4948</color>
    <color name="blue">#FFE8EB</color>
    <color name="blu">#808080</color>
    <color name="black">#000000</color>
</resources>
maka hasilnya akan terlihat seperti ini

selanjutnya kita akan me-link halaman pertama dengan halaman kedua dengan membuat activity code pada java class ,pertama buka direktori src > rheza.project.main kemudian klik main.java isi code berikut :

package rheza.project.main;

import android.app.Activity;
import android.content.Intent;
import android.graphics.Typeface;
import android.os.Bundle;
import android.view.View;
import android.widget.Button;
import android.widget.TextView;

public class HelloActivity extends Activity {
    protected Button next;
    /** Called when the activity is first created. */
    @Override
    public void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.main);
       
        Typeface tf = Typeface.createFromAsset(getAssets(),"fonts/LHANDW.TTF");
        TextView textView1 = (TextView)findViewById(R.id.textView1);
        TextView textView2 = (TextView)findViewById(R.id.textView2);
        textView1.setTypeface(tf);
        textView2.setTypeface(tf);
       
        next = (Button)findViewById(R.id.btn_next);
        next.setOnClickListener(new View.OnClickListener() {
           
            public void onClick(View v) {
                // TODO Auto-generated method stub
   
                gantihalaman ();
            }
        });
    }
           
           
        public void gantihalaman (){
            Intent gh = new Intent(this,Halamandua.class );
            startActivity(gh);
           

       
    }
}

untuk code yang diberi warna biru itu merupakan script untuk mengganti font default dengan custom font, jika tidak ingin di pakai hapus saja, jika dipakai maka anda harus membuat folder dengan nama fonts dalam direktori assets kemudian masukan font yang diinginkan dan sesuaikan code ini "fonts/LHANDW.TTF" dengan nama font yang dimasukkan tadi..
jika di run dengan emulator maka hasilnya akan seperti ini:

Halaman Utama

Halaman Dua

Demikianlah postingan kali ini, semoga dapat membantu kawan - kawan dalam belajar pemrograman android, postingan yang akan datang adalah belajar cara membuat loading screen dan splash screen

source code
file apk