Membuat Aplikasi Dongeng Berbasis Android

Dongeng merupakan bentuk sastra lama yang bercerita tentang suatu kejadian yang luar biasa yang penuh khayalan (fiksi) yang dianggap oleh masyarakat suatu hal yang tidak benar-benar terjadi. Dongeng merupakan bentuk cerita tradisional atau cerita yang disampaikan secara turun-temurun dari nenek moyang.

Langkah pertama membuat project dengan nama AplikasiDongeng.

kemudian didalam project kita buat kelas dengan nama MainActivity.

source code untuk file MainActivity.java

package com.example.aplikasidongeng;

import android.app.Activity;
import android.os.Bundle;
import android.view.Menu;
import android.view.View;
import android.view.View.OnClickListener;
import android.widget.Button;
import android.widget.ViewFlipper;

public class MainActivity extends Activity {
   
   Button btn1;
   int mFlipping = 0 ; // Initially flipping is off
   Button mButton ; // Reference to button available in the layout to start and stop the flipper

   @Override
   public void onCreate(Bundle savedInstanceState) {
       super.onCreate(savedInstanceState);
       setContentView(R.layout.activity_main);

       btn1 = (Button) this.findViewById(R.id.btn1);
      btn1.setOnClickListener(new OnClickListener() {
            @Override public void onClick(View arg0) {
                  MainActivity.this.finish(); }
            });
       OnClickListener listener = new OnClickListener() {

           @Override
           public void onClick(View v) {
               ViewFlipper flipper = (ViewFlipper) findViewById(R.id.flipper1);

               if(mFlipping==0){
                   /** Start Flipping */
                   flipper.startFlipping();
                   mFlipping=1;
                   mButton.setText(R.string.str_btn_stop);
               }
               else{
                   /** Stop Flipping */
                   flipper.stopFlipping();
                   mFlipping=0;
                   mButton.setText(R.string.str_btn_start);
               }
           }
       };

       mButton = (Button) findViewById(R.id.btn);

       mButton.setOnClickListener(listener);

   }

   @Override
   public boolean onCreateOptionsMenu(Menu menu) {
       getMenuInflater().inflate(R.menu.main, menu);
       return true;
 }
}

Source code untuk file activity_main.xml

<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:background="#2f2f2f" >

    <Button
        android:id="@+id/btn"
        android:layout_width="fill_parent"
        android:layout_height="wrap_content"
        android:text="@string/str_btn_start" />

    <ViewFlipper
        android:id="@+id/flipper1"
        android:layout_width="fill_parent"
        android:layout_height="wrap_content"
        android:layout_centerInParent="true"
        android:flipInterval="3000"
        android:inAnimation="@android:anim/slide_in_left"
        android:outAnimation="@android:anim/slide_out_right" >

        <ImageView
            android:layout_width="match_parent"
            android:layout_height="match_parent"
            android:layout_gravity="center_horizontal"
            android:contentDescription="@string/str_img1"
            android:src="@drawable/satu" />

        <ImageView
            android:layout_width="match_parent"
            android:layout_height="match_parent"
            android:layout_gravity="center_horizontal"
            android:contentDescription="@string/str_img2"
            android:src="@drawable/dua" />

        <ImageView
            android:layout_width="match_parent"
            android:layout_height="match_parent"
            android:layout_gravity="center_horizontal"
            android:contentDescription="@string/str_img3"
            android:src="@drawable/tiga" />

        <ImageView
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:layout_gravity="center_horizontal"
            android:contentDescription="@string/str_img4"
            android:src="@drawable/empat" />

        <ImageView
            android:layout_width="match_parent"
            android:layout_height="match_parent"
            android:layout_gravity="center_horizontal"
            android:contentDescription="@string/str_img5"
            android:src="@drawable/lima" />

        <ImageView
            android:layout_width="match_parent"
            android:layout_height="match_parent"
            android:layout_gravity="center_horizontal"
            android:contentDescription="@string/str_img6"
            android:src="@drawable/enam" />

        <ImageView
            android:layout_width="match_parent"
            android:layout_height="match_parent"
            android:layout_gravity="center_horizontal"
            android:contentDescription="@string/str_img7"
            android:src="@drawable/tujuh" />

        <ImageView
            android:layout_width="match_parent"
            android:layout_height="match_parent"
            android:layout_gravity="center_horizontal"
            android:contentDescription="@string/str_img8"
            android:src="@drawable/delapan" />

        <ImageView
            android:layout_width="match_parent"
            android:layout_height="match_parent"
            android:layout_gravity="center_horizontal"
            android:contentDescription="@string/str_img9"
            android:src="@drawable/sembilan" />

        <ImageView
            android:layout_width="match_parent"
            android:layout_height="match_parent"
            android:layout_gravity="center_horizontal"
            android:contentDescription="@string/str_img10"
            android:src="@drawable/sepuluh" />

        <ImageView
            android:layout_width="match_parent"
            android:layout_height="match_parent"
            android:layout_gravity="center_horizontal"
            android:contentDescription="@string/str_img11"
            android:src="@drawable/sebelas" />

    </ViewFlipper>

    <Button
        android:id="@+id/btn1"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_alignParentBottom="true"
        android:layout_alignParentLeft="true"
        android:layout_alignParentRight="true"
        android:text="@string/exit" />

</RelativeLayout>

Tampilan pada emulator: