(Tutorial Android) Menciptakan Splash Screen


Apa itu splash screen? Splash screen itu loh yang muncul biasanya ketika pertama kali membuka app, atau dapat disebut intro sebuah app.

Segitu saja penjelasannya supaya dapat eksklusif paham hehe…
Oke simak tutorialnya sebagai berikut :
- Pertama, buat project gres di Android Studio dengan nama MySplashScreen
- Buat layout untuk splashscreen dengan cara klik kanan pada folder layout->new->layout resource file, kemudia beri nama activity_splash.
- Siapin sebuah image atau foto terserah alasannya ialah kita akan memakai image tersebut sebagai background splash screen, kemudian copy ke folder drawable.
- Kemudian tambahkan komponen ImageView di activity_splash.xml berikut ini.

<?xml version="1.0" encoding="utf-8"?> <LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"     android:orientation="vertical" android:layout_width="match_parent"     android:layout_height="match_parent">      <ImageView         android:id="@+id/bgSplash"         android:layout_width="match_parent"         android:layout_height="match_parent"         android:src="@drawable/elaine"         android:scaleType="centerCrop"         android:contentDescription="@string/app_name" />  </LinearLayout> 

Pada tag android:src="..." merupakan source atau file image di folder drawable yang akan kita jadikan background.
- Setelah itu buat activity gres dan beri nama SplashActivity.
- Pada bab onCreate() sisipkan code berikut :

Thread timerSplash = new Thread(){     public void run(){         try{             short timerSplash = 0;             while(timerSplash < 2000){                 sleep(100);                 timerSplash = (short) (timerSplash + 100);             }              // Forward to MainActivity                      }catch(InterruptedException e){             e.printStackTrace();         }finally{             finish();         }     } };  timerSplash.start();  

Pada code di atas, kita menciptakan sebuah thread yang berjalan selama beberapa detik ketika splash screen berjalan. Angka 2000 (2 detik) pada code di atas merupakan selang waktu splash screen berjalan. Kemudian sesudah itu alihkan ke activity utama.
- Buat layout gres dengan nama activity_main.
- Selanjutnya kita buat activity gres dengan nama MainActivity. Tambahkan method berikut :

public static void start(Context context){     Intent i = new Intent(context, MainActivity.class);     context.startActivity(i); } 

- Panggil method tersebut di SplashActivity. Maka source codenya akan menjadi menyerupai ini :

Thread timerSplash = new Thread(){     public void run(){         try{             short timerSplash = 0;             while(timerSplash < 2000){                 sleep(100);                 timerSplash = (short) (timerSplash + 100);             }              MainActivity.start(SplashActivity.this);             finish();            }catch(InterruptedException e){             e.printStackTrace();         }finally{             finish();         }     } };  timerSplash.start(); 

- Terakhir jangan lupa register activity kita di AndroidManifest.xml

<?xml version="1.0" encoding="utf-8"?> <manifest xmlns:android="http://schemas.android.com/apk/res/android"     package="com.wim.mysplashscreen" >      <application         android:allowBackup="true"         android:icon="@mipmap/ic_launcher"         android:label="@string/app_name"         android:theme="@style/AppTheme" >          <activity             android:name=".SplashActivity"             android:label="@string/app_name"             android:theme="@style/Theme.AppCompat.Light.NoActionBar">             <intent-filter>                 <action android:name="android.intent.action.MAIN" />                  <category android:name="android.intent.category.LAUNCHER" />             </intent-filter>         </activity>          <activity             android:name=".MainActivity"             android:label="@string/app_name" >             <intent-filter>                 <action android:name="android.intent.action.MAIN" />                  <category android:name="android.intent.category.NORMAL" />             </intent-filter>         </activity>     </application>  </manifest> 
- Selesai, kini tinggal deploy dan jalankan agenda kita. Hasilnya akan tampil menyerupai ini :

Tampilan splash screen *oshinya TS :v*

Tampilan Halaman Utama

Source code lengkapnya ada di Github.
Terima kasih telah menyimak, supaya bermanfaat.
Happy Coding :)

Comments

Popular posts from this blog

Tugas Komplemen Terakhir

Transmisi Data

Konsep Oop Encapsulation