ANDROID 4: MEMBUAT GAME JAVA BATU KERTAS GUNTING SEDERHANA DI ANDROID

Sabtu, 12 Mei 2012

Pertama-tama, buka eclipse IDE anda, buatlah sebuah project android baru.
Setelah itu, masuk ke bagian resource dan buka main.xml.
Desain layoutnya seperti gambar berikut.

gambar 4.1
atau lebih mudahnya, copy saja code berikut.


<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="fill_parent"
    android:layout_height="fill_parent"
    android:orientation="vertical" >
     <AbsoluteLayout
        android:layout_width="match_parent"
        android:layout_height="wrap_content" >


         <Button
            android:id="@+id/gunting"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:layout_x="235dp"
            android:layout_y="4dp"
            android:text="GUNTING" />

        <Button
            android:id="@+id/batu"
            android:layout_width="87dp"
            android:layout_height="wrap_content"
            android:layout_x="2dp"
            android:layout_y="3dp"
            android:text="BATU" />

        <Button
            android:id="@+id/kertas"
            android:layout_width="89dp"
            android:layout_height="wrap_content"
            android:layout_x="120dp"
            android:layout_y="3dp"
            android:text="KERTAS" />

    </AbsoluteLayout>
     <LinearLayout
        android:layout_width="match_parent"
        android:layout_height="match_parent"
        android:orientation="vertical" >

        <AbsoluteLayout
            android:layout_width="match_parent"
            android:layout_height="wrap_content" >
             <TextView
                android:id="@+id/textView1"
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:layout_x="111dp"
                android:layout_y="8dp"
                android:text="Pilihan Anda"
                android:textAppearance="?android:attr/textAppearanceMedium" />

        </AbsoluteLayout>

        <AbsoluteLayout
            android:layout_width="match_parent"
            android:layout_height="wrap_content" >



             <TextView
                android:id="@+id/user"
                android:layout_width="123dp"
                android:layout_height="wrap_content"
                android:layout_x="116dp"
                android:layout_y="6dp"
                android:text=" "
                android:textAppearance="?android:attr/textAppearanceLarge" />

        </AbsoluteLayout>

        <AbsoluteLayout
            android:layout_width="match_parent"
            android:layout_height="wrap_content" >
             <TextView
                android:id="@+id/textView2"
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:layout_x="129dp"
                android:layout_y="16dp"
                android:text=" " />

        </AbsoluteLayout>

        <AbsoluteLayout
            android:layout_width="match_parent"
            android:layout_height="wrap_content" >

            <Button
                android:id="@+id/adu"
                android:layout_width="108dp"
                android:layout_height="72dp"
                android:layout_x="107dp"
                android:layout_y="6dp"
                android:text="ADU" />

        </AbsoluteLayout>
         <AbsoluteLayout
            android:layout_width="match_parent"
            android:layout_height="wrap_content" >

            <AbsoluteLayout
                android:layout_width="match_parent"
                android:layout_height="wrap_content"
                android:layout_x="0dp"
                android:layout_y="0dp" >
                 <TextView
                    android:id="@+id/TextView01"
                    android:layout_width="wrap_content"
                    android:layout_height="wrap_content"
                    android:layout_x="111dp"
                    android:layout_y="8dp"
                    android:text="Pilihan CPU"
                    android:textAppearance="?android:attr/textAppearanceMedium" />

            </AbsoluteLayout>

            <AbsoluteLayout
                android:layout_width="match_parent"
                android:layout_height="wrap_content"
                android:layout_x="0dp"
                android:layout_y="30dp" >




                 <TextView
                    android:id="@+id/cpu"
                    android:layout_width="123dp"
                    android:layout_height="wrap_content"
                    android:layout_x="115dp"
                    android:layout_y="6dp"
                    android:text=" "
                    android:textAppearance="?android:attr/textAppearanceLarge" />

            </AbsoluteLayout>
        </AbsoluteLayout>

        <AbsoluteLayout
            android:layout_width="match_parent"
            android:layout_height="wrap_content" >






             <TextView
                android:id="@+id/status"
                android:layout_width="139dp"
                android:layout_height="54dp"
                android:layout_x="111dp"
                android:layout_y="17dp"
                android:text=" "
                android:textAppearance="?android:attr/textAppearanceLarge" />

        </AbsoluteLayout>

        <AbsoluteLayout
            android:layout_width="match_parent"
            android:layout_height="wrap_content" >
             <TextView
                android:id="@+id/textView3"
                android:layout_width="wrap_content"
                android:layout_height="46dp"
                android:layout_x="77dp"
                android:layout_y="12dp"
                android:text="Copyright 2012 Astandri K." />

        </AbsoluteLayout>

    </LinearLayout>

</LinearLayout>

setelah itu, masuk ke program .java anda, masukkan kode berikut:



//sesuaikan dengan nama package anda
package development.project.rps;

import android.app.Activity;
import android.os.Bundle;
import android.view.View;
import android.view.View.OnClickListener;
import android.widget.*;

public class namaClassAnda extends Activity implements OnClickListener{
    /** Called when the activity is first created. */
TextView user, cpu;
TextView status;
Button batu, kertas, gunting;
Button adu;

    @Override
    public void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.main);
       
        user = (TextView)findViewById(R.id.user);
        cpu = (TextView)findViewById(R.id.cpu);
        status = (TextView)findViewById(R.id.status);
       
        batu = (Button)findViewById(R.id.batu);
        kertas = (Button)findViewById(R.id.kertas);
        gunting = (Button)findViewById(R.id.gunting);
        adu = (Button)findViewById(R.id.adu);
       
        batu.setOnClickListener(this);
        kertas.setOnClickListener(this);
        gunting.setOnClickListener(this);
        adu.setOnClickListener(this);
    }

public void onClick(View v) {
// TODO Auto-generated method stub
switch(v.getId()){
case R.id.batu :
user.setText("BATU");
break;
case R.id.kertas :
user.setText("KERTAS");
break;
case R.id.gunting :
user.setText("GUNTING");
break;
case R.id.adu :
int comp = (int)(Math.random()*3+1);

if(comp==1)
cpu.setText("BATU");
else if(comp==2)
cpu.setText("KERTAS");
else
cpu.setText("GUNTING");

if(user.getText().equals(cpu.getText())){
status.setText("DRAW");
}
else if(user.getText().equals("BATU") && cpu.getText().equals("KERTAS")){
status.setText("YOU LOSE");
}
else if(user.getText().equals("BATU") && cpu.getText().equals("GUNTING")){
status.setText("YOU WIN");
}
else if(user.getText().equals("KERTAS") && cpu.getText().equals("BATU")){
status.setText("YOU WIN");
}
else if(user.getText().equals("KERTAS") && cpu.getText().equals("GUNTING")){
status.setText("YOU LOSE");
}
else if(user.getText().equals("GUNTING") && cpu.getText().equals("BATU")){
status.setText("YOU LOSE");
}
else if(user.getText().equals("GUNTING") && cpu.getText().equals("KERTAS")){
status.setText("YOU WIN");
}
break;
default :
break;
}
}
}

Jika sudah, save dan run as android application. pastikan emulator android anda sudah menyala.
berikut screenshot program ketika dijalankan.

gambar 4.2

gambar 4.3

gambar 4.4
Cukup mudah bukan?
Jika ada pertanyaan, silahkan comment di bawah ya.
Berikut saya sediakan source code saya jika ingin anda coba.
download

Sekian dulu tutorial Android 4 ini, semoga bermanfaat dan sampai jumpa di tutorial Android 5.


^___^

8 komentar:

Anonim mengatakan...

kalo program diatas kan, setelah dipilih gunting lalu ditekan "ADU" kan cuman keluar tulisan : "Pilihan Anda GUNTING".

nah, kalo supaya yang keluar adalah berupa gambar bisa gk gan? misal : yg dipilih gunting maka setelah tekan "ADU" yg muncul gambar gunting.

Astandri mengatakan...

bisa kok...
tinggal ganti aja itu komponen textviewnya jadi imageview...

tapi belum gw coba sih...
monggo dicoba2 sendiri gan...

Anonim mengatakan...

izin copy coding nya boleh ?
kebetulan buat di pelajari dan di kembangkan lagi :D

Vinra Gunanta Pandia mengatakan...

ijin kopi koding gan ya, buat referensi belajar, hehehe,

irfan pinandhityo mengatakan...

wahh boleh juga nih.. tp saya mau nanya yg di
int comp = (int)(Math.random()*3+1);

*3+1 di situ apa ya gan???

Vinra Gunanta Pandia mengatakan...

makasih ya gan,,

Villa istana bunga
rental villa istana bunga
Cari Villa Murah di bandung

Unknown mengatakan...

Agan cara nya untuk membuat imageview ketika di tekan muncul gambar nya gi mana?perlu membuat coding lagi di main_activity nya kan?

Unknown mengatakan...

gan kalau adu pada cpu bisa ga diganti client/pemain lainnya ??
kalau bisa bagaimana caranya gan ??

Posting Komentar