Senin, 16 September 2013

How To Make Splash Screen For Application Android?

Sebenernya gue gak begitu jago dalam hal membuat kodingan baik itu java, c++, dll. Tapi disini gue cuma mau ngeshare sedikit tentang aplikasi yang udah gue buat. Aplikasi yang gue buat ini merupakan tugas penyetaraan D3 yang ada dikampus gue atau bisa dibilang PENULISAN ILMIAH . Disini gue cuma mau ngeshare cara membuat splash screen untuk aplikasi android.

Apa sih Splash screen pada android?

Pada Android, splash screen termasuk sebuah aktivitas (Activity) tersendiri. Yang setelah diberikan konfigurasi dan efek animasi aktivitas tersebut akan perlahan-lahan hilang.


Bagaimana cara membuat Splash screen pada android?

Sebelum kita membuat splash screen ini maka sebelumnya kita harus memastikan bahwa kita telah menginstall Eclipse. Ada 4 komponen yang harus dimiliki sebelum menginstall eclipse yaitu : JDK (Java SE Development Kit), Eclipse , ADT Plugin, dan SDK . Jika kita telah selesai menginstall semuanya maka langkah selanjutnya adalah kita perlu membuat sebuah project sebelum kita dapat memasukan kodingan untuk membuat splash tersebut.

Biasanya gue selalu membuat tampilan atau xml yang gue inginkan terlebih dahulu sebelum gue membuat kodingan javanya. Nah disini gue menggunakan activity_splash.xml sebagai nama xml-nya. Berikut ini adalah kodingannya:

activity_splash.xml

    android:layout_height="fill_parent"
    android:layout_width="fill_parent"
    android:orientation="vertical"
    xmlns:android="http://schemas.android.com/apk/res/android"
    android:background="@drawable/splash">
            android:id="@+id/load"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_alignParentBottom="true"
        android:layout_centerHorizontal="true"
        android:textAppearance="?android:attr/textAppearanceLarge"
        android:textColor="#000000" />
            android:id="@+id/progressBar1"
        style="?android:attr/progressBarStyleHorizontal"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_above="@+id/load"
        android:layout_alignParentLeft="true"
        android:layout_alignParentRight="true" android:layout_marginBottom="90dp"/>
   


Disini gue menggunakan gambar yang yang berada di folder drawable dan bernamakan splash , dapat dilihat dikodingan "android:background="@drawable/splash" .  Selanjutnya kita harus membuat kodingan javanya sebelum aplikasi ini dapat dijalankan. Dan gue menggunakan splash.java sebagai namanya.

splash.java

package android.project.sri;

import android.app.Activity;
import android.os.Bundle;
import android.os.Handler;
import android.os.Message;
import android.widget.ProgressBar;
import android.widget.TextView;
import android.content.Intent;
import android.media.MediaPlayer;

public class splash extends Activity {
private MediaPlayer lagu; 
ProgressBar bar;
  TextView txt;
  int total=0;
  Intent intent;
  boolean isRunning=false;

  // handler for the background updating
  Handler handler=new Handler() {
//coding ini yang akan menampilkan berapa persen progress yang telah dijalani.
  @Override
  public void handleMessage(Message msg) {
  total=total+1;
  String perc=String.valueOf(total).toString();
  txt.setText("Loading "+perc+"% ");
  bar.incrementProgressBy(1);
  }
  };

 @Override
 public void onCreate(Bundle savedInstanceState) {
 super.onCreate(savedInstanceState);
 setContentView(R.layout.activity_splash);
 lagu = MediaPlayer.create(this, R.raw.splasi);
 lagu.setVolume(10,10);
lagu.setLooping(true); // Set looping
 bar=(ProgressBar)findViewById(R.id.progressBar1);
  txt=(TextView)findViewById(R.id.load);

 }
   
 public void onStart() {
  super.onStart();
  lagu.start();
  // reset the bar to the default value of 0
  bar.setProgress(0);
   
  final splash sPlashScreen = this; 
  // create a thread for updating the progress bar
  Thread background=new Thread(new Runnable() {
   
  public void run() {
  try {
  for (int i=0;i<100 amp="" b="" i="" isrunning="">
    
  // wait 1000ms between each update
  Thread.sleep(100);
  handler.sendMessage(handler.obtainMessage());
  }
  finish();
}
  catch (Throwable t) {
  
    }

  Intent intent = new Intent();
//Coba merupakan nama activity yang kita isi saat pertama kali membuat project, jadi harus disesuaikan dengan nama activity yang kalian buat ya :))
//coding ini akan dijalankan ketika objek sPlashScreen yang merupakan objek langsung dari class Loading telah selesai maka Coba.class akan diproses atau dijalankan.
  intent.setClass(sPlashScreen, LearnAlphabetic.class);
  startActivity(intent);
  splash.this.finish();
  
lagu.stop();
  }
   
  });
   
  isRunning=true;
  
   // start the background thread
  background.start();
   
  }
  
  public void onStop() {
   super.onStop();
  isRunning=false;
  lagu.stop();
  
   }
}

Dan apabila Project ini dirunning maka akan keluarlah hasilnya . Berikut ini merupakan tampilannya :



Sekian dulu ngeshare ilmunya. Lain kali gue bakal share ilmu yang udah gue pelajarin. see youuu <3 p="">

Sumber : http://share.pdfonline.com/8e771ba46ce84891b695c881e0dfad69/Apa%20itu%20Splash%20Screen%20pada%20Android.htm

Tidak ada komentar:

Posting Komentar