Android Tutorial (Part 3):Membuat Splash Logo Screen ( Java ).

Overview

Splash Logo Screen adalah Logo Aplikasi yang pertama dimuat saat kita membuka suatu aplikasi. Didalam implement nya, Splash bisa berbentuk sebagai text atau gambar (.jpg, .png etc).

Baiklah, mari kita mulai untuk membuatnya sesederhana mungkin, dengan memakai Android Studio.

Tutorial

1. Buat file baru dengan nama splashscreen.xml di folder /res/layout.

//splashscreen.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="@color/teal_700">

    <ImageView
        android:layout_width="150dp"
        android:layout_height="150dp"
        android:padding="15dp"
        android:layout_centerInParent="true"
        android:src="@drawable/logo_splash"
        android:layout_gravity="center" />
    <TextView
        android:id="@+id/splash_text"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_marginBottom="10dp"
        android:layout_alignParentBottom="true"
        android:layout_centerHorizontal="true"
        android:text="Footer Splash"
        android:textSize="24sp"
        android:textColor="@color/white"
        android:textStyle="bold"/>
    
</RelativeLayout>

2. Buat file dengan nama circle.xml di res/drawable.

//circle.xml
<shape xmlns:android="http://schemas.android.com/apk/res/android"
    android:innerRadius="0dp"
    android:shape="ring"
    android:thicknessRatio="1.9"
    android:useLevel="false" >
    <solid android:color="@android:color/white" />

    <stroke
        android:width="10dp"
        android:color="@android:color/white" />
</shape>

3. Siapkan icon berbentuk .png dan copykan ke res/drawable. Disini Admin memakai icon google.png. Anda bisa memakai icon sesuai keinginan anda.

4. Buat file dengan nama logo_splash.xml di res/drawable.

//logo_splash.xml
<?xml version="1.0" encoding="utf-8"?>
<layer-list xmlns:android="http://schemas.android.com/apk/res/android" >

    <item android:drawable="@drawable/circle"/>
    <item android:drawable="@drawable/google"/> //nama icon

</layer-list>

5. Buka file color.xml di res/values/

<?xml version="1.0" encoding="utf-8"?>
<resources>
    <color name="purple_200">#FFBB86FC</color>
    <color name="purple_500">#FF6200EE</color>
    <color name="purple_700">#FF3700B3</color>
    <color name="teal_200">#FF03DAC5</color>
    <color name="teal_700">#FF018786</color>
    <color name="black">#FF000000</color>
    <color name="white">#FFFFFFFF</color>
</resources>

6. Lalu buat file baru dengan nama splashScreen.java di app/java/com.nama.aplikasi/ .

public class SplashScreen extends Activity {
 
     @Override
     public void onCreate(Bundle savedInstanceState){
         super.onCreate(savedInstanceState);
         //tampilkan content SplashScreen
         setContentView(R.layout.splashscreen);
 
         //set untuk content yang akan dijalankan
         new Thread(new Runnable() {
             @Override
             public void run() {
                 setOnDuration();
                 startApp();
                 finish();
             }
         }).start();
 
     }
 
     //set untuk durasi time out splash
     private void setOnDuration() {
         for (int progress=0; progress<100; progress+=10) {
             try{
                 Thread.sleep(100);
             } catch (Exception e) {
                 //null
             }
         }
     }
     
     
     private void startApp() {
         Intent intent = new Intent(SplashScreen.this, MainActivity.class);
         startActivity(intent);
     }
 
 }

7. Kemudian rubah di manifests > AndroidManifest.xml

<?xml version="1.0" encoding="utf-8"?>
<manifest xmlns:android="http://schemas.android.com/apk/res/android"
    package="com.Example.myapplication">
<application
        android:allowBackup="true"
        android:icon="@mipmap/ic_launcher"
        android:label="@string/app_name"
        android:roundIcon="@mipmap/ic_launcher_round"
        android:supportsRtl="true"
        android:theme="@style/Theme.MyApplication">
        <activity android:name=".SplashScreen"
            android:label="@string/app_name"
            android:noHistory="true"
            android:screenOrientation="portrait">
            <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"
            android:noHistory="true"
            android:screenOrientation="portrait"/>
    </application>
</manifest>

8. Lalu coba jalankan aplikasinya, jika benar maka hasilnya akan seperti ini