android splash screen

6
ANDROID SPLASH SCREEN Splash Screen adalah tampilan loading saat pertama kali aplikasi dijalankan, kenapa aplikasi selalu menggunakan splash screen saat pertama dijalankan. Ada banyak tujuannya pertama untuk memperindah tampilan aplikasi saat di jalankan, kedua sebagai halaman loading saat aplikasi dijalankan, karena jika aplikasi berat pasti proses starting akan lebih lama maka disitulah splash screen di perlukan, kalau tidak ada splash screen pasti user akan menganggap kalau aplikasi belum start dan pasti akan di klik kembali icon aplikasi tersebut. LANGKAH - LANGKAH 1. Create Project android dengan ketentuan : - Application Name : SplashScreen - Project Name : SplashScreen - Package Name : com.yyaayyaatt.splashscreen - Activity Name : MainActivity - Layout Name : activity_main

Upload: nurhidayat-mmd

Post on 04-Dec-2015

7 views

Category:

Documents


2 download

DESCRIPTION

Membuat Splash Screen di android OS menggunakan Eclipse

TRANSCRIPT

Page 1: Android Splash Screen

ANDROID SPLASH SCREEN

Splash Screen adalah tampilan loading saat pertama kali aplikasi dijalankan, kenapa aplikasi

selalu menggunakan splash screen saat pertama dijalankan.

Ada banyak tujuannya pertama untuk memperindah tampilan aplikasi saat di jalankan, kedua

sebagai halaman loading saat aplikasi dijalankan, karena jika aplikasi berat pasti proses starting akan

lebih lama maka disitulah splash screen di perlukan, kalau tidak ada splash screen pasti user akan

menganggap kalau aplikasi belum start dan pasti akan di klik kembali icon aplikasi tersebut.

LANGKAH - LANGKAH

1. Create Project android dengan ketentuan :

- Application Name : SplashScreen

- Project Name : SplashScreen

- Package Name : com.yyaayyaatt.splashscreen

- Activity Name : MainActivity

- Layout Name : activity_main

Page 2: Android Splash Screen

Finish. ^_^ berikut ini adalah hasil dari projectnya.

Page 3: Android Splash Screen

2. Buka File xml pada res/layout/activity_main.xml dan ubah tampilannya seperti dibawah ini.

Atau masukkan script berikut ini.

<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:paddingBottom="@dimen/activity_vertical_margin" android:paddingLeft="@dimen/activity_horizontal_margin" android:paddingRight="@dimen/activity_horizontal_margin" android:paddingTop="@dimen/activity_vertical_margin" tools:context="com.yyaayyaatt.splashscreen.MainActivity" > <ProgressBar android:id="@+id/progressBar1" style="?android:attr/progressBarStyleLarge" android:layout_width="wrap_content" android:layout_height="wrap_content" android:layout_centerHorizontal="true" android:layout_centerVertical="true" />

</RelativeLayout>

3. Selanjutnya buat tampilan xml yang akan ditampilkan setelah splash screen, sederhana saja

karena kita focus membuat splash screen. Klik kanan project new other android

androidActivity.

- Activity Name : HomeActivity

- Layout Name : activity_home

- Title : HomeActivity

Page 4: Android Splash Screen

Finish. ^_^ dan hasilnya

4. Buka MainActivity pada folder src dan ubah scriptnya menjadi seperti dibawah ini.

package com.yyaayyaatt.splashscreen; import android.annotation.SuppressLint; import android.app.Activity; import android.content.Intent; import android.os.Bundle; import android.os.Handler; import android.view.Window; import android.widget.ProgressBar; @SuppressLint("NewApi")

Page 5: Android Splash Screen

public class MainActivity extends Activity { private static final int SPLASH_TIME = 5 * 1000;// Set waktu 5 Detik ProgressBar prg; @Override protected void onCreate(Bundle savedInstanceState) { super.onCreate(savedInstanceState); this.requestWindowFeature(Window.FEATURE_NO_TITLE);//untuk menghilangkan title bar setContentView(R.layout.activity_main); prg = (ProgressBar) findViewById(R.id.progressBar1);//declarasi component progress dari xml prg.setAlpha(SPLASH_TIME); new Handler().postDelayed(new Runnable() { @Override public void run() { Intent intent = new Intent(MainActivity.this, HomeActivity.class); startActivity(intent); //menjalankan MainAct finish(); } }, SPLASH_TIME); new Handler().postDelayed(new Runnable() { @Override public void run() { } }, SPLASH_TIME); } }

5. Selanjutnya buka AndroidManifest.xml cek apakah semua Activity sudah terdaftar atau belum,

jika sudah lihat script dibawah ini, apakah sudah sama.

<?xml version="1.0" encoding="utf-8"?> <manifest xmlns:android="http://schemas.android.com/apk/res/android" package="com.yyaayyaatt.splashscreen" android:versionCode="1" android:versionName="1.0" > <uses-sdk android:minSdkVersion="8" android:targetSdkVersion="21" /> <application android:allowBackup="true" android:icon="@drawable/ic_launcher" android:label="@string/app_name" android:theme="@style/AppTheme" > <activity android:name=".MainActivity" android:label="@string/app_name" >

Page 6: Android Splash Screen

<intent-filter> <action android:name="android.intent.action.MAIN" /> <category android:name="android.intent.category.LAUNCHER" /> </intent-filter> </activity> <activity android:name=".HomeActivity" android:label="@string/title_activity_home" > </activity> </application> </manifest>

Lihat baris kuning diatas, itu adalah class Activity Home yang sudah ditambahkan, ubah scriptnya

menjadi seperti diatas jika tidak terdapat script dengan blok warna kuning pada

AndroidManifest kamu.

Jalankan aplikasi dan lihat hasilnya.

Gampang kan. Tinggal dimodifikasi sendiri tampilannya, selamat mencoba.