Android : Membuat Layar Splash di Android Menggunakan Timer

Oleh : Reza Ervani

بسم الله الرحمن الرحيم

Download Kode Sumber Aplikasi yang Dibahas di Tutorial ini : [wpdm_file id=5]

Pada tutorial kali ini kita akan melihat cara membuat splash screen di Android untuk memperindah aplikasi yang kita buat

Setelah kita membuat proyek Android baru di Eclipse ADT, kita buat terlebih dahulu class baru untuk splashscreen, kita namakan saja SplashScreen.java

Kita daftarkan terlebih dahulu class tersebut di file AndroidManifest.xml

Karena kita ingin aktivitas SplashScreen tadi tampil di awal, maka kita daftarkan dia sebagai Launcher Activity, dan kita pindahkan Main Activity ke bawahnya :

Tampak seperti berikut :

[code language=”xml”]

<?xml version="1.0" encoding="utf-8"?>
<manifest xmlns:android="http://schemas.android.com/apk/res/android"
package="com.eclipseprogramming.ayongajitiaphari"
android:versionCode="1"
android:versionName="1.0" >

<uses-sdk
android:minSdkVersion="8"
android:targetSdkVersion="19" />

<application
android:allowBackup="true"
android:icon="@drawable/ic_launcher"
android:label="@string/app_name"
android:theme="@style/AppTheme" >
<activity
android:name="com.eclipseprogramming.ayongajitiaphari.SplashScreen"
android:label="@string/app_name"
android:screenOrientation="portrait"
android:theme="@android:style/Theme.Black.NoTitleBar" >

<intent-filter>
<action android:name="android.intent.action.MAIN" />

<category android:name="android.intent.category.LAUNCHER" />
</intent-filter>
</activity>
<activity
android:name="com.eclipseprogramming.ayongajitiaphari.MainActivity"
android:label="@string/app_name" >

</activity>
</application>

</manifest>

[/code]

Lalu kita buat layout untuk splashscreen kita dalam format XML, kita namakan saja layarsplash.xml

Tampilan kode awalnya akan tampak seperti berikut :

[code language=”xml”]

<?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" />

</RelativeLayout>

[/code]

Kita buat tampilannya menjadi seperti tampak pada layar berikut :

Screenshot from 2014-06-22 12:44:08

Kode XML-nya akan tampak seperti berikut :

[code language=”xml”]

<?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/backgroundgradient">

<ImageView
android:id="@+id/imageView1"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_alignParentTop="true"
android:layout_centerHorizontal="true"
android:layout_marginTop="86dp"
android:contentDescription="@string/desc"
android:src="@drawable/mukaddimah" />

<TextView
android:id="@+id/textView2"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_below="@+id/textView1"
android:layout_centerHorizontal="true"
android:layout_marginTop="15dp"
android:text="@string/situs" />

<TextView
android:id="@+id/textView1"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_below="@+id/imageView1"
android:layout_centerHorizontal="true"
android:text="@string/juduldepan"
android:textSize="25sp" />

</RelativeLayout>

[/code]

Dan terakhir kita buat kode SplashScreen.java kita menjadi seperti berikut :

[code language=”java”]

package com.eclipseprogramming.ayongajitiaphari;

import android.app.Activity;
import android.content.Intent;
import android.os.Bundle;
import android.os.Handler;

public class SplashScreen extends Activity {

// Menset waktu kemunculan yang akan dipakai pada Handler.postDelayed

private static int waktukemunculan = 3000;

protected void onCreate(Bundle savedInstanceState) {
super.onCreate(savedInstanceState);
setContentView(R.layout.layarsplash);

new Handler().postDelayed(new Runnable() {

@Override
public void run() {
// Metode Ini akan dijalankan setelah timer selesai menghitung
// Program akan masuk ke MainActivity
Intent i = new Intent(SplashScreen.this, MainActivity.class);
startActivity(i);

// Menutup aktivitas
finish();
}

}, waktukemunculan);

}

}

[/code]

Jika dijalankan akan tampak seperti pada gambar berikut :

device-2014-06-22-131224

About Reza Ervani 425 Articles
Adalah pendiri programming.rezaervani.com -

Be the first to comment

Leave a Reply

Your email address will not be published.


*


This site uses Akismet to reduce spam. Learn how your comment data is processed.