ads_header

How to Create Splash Screen in Android Studio


How to Create Splash Screen in Android Studio



Preview



Halo teman-teman kali ini saya akan membahas tentang cara membuat Splash Screen di Android.
Splash Screen merupakan tampilan awal yang muncul sebelum tampilan utama ditampilkan dalam suatu program.
 

Oke langsung saja kita mulai tutorialnya, pertama buka Android Studio, lalu buat project baru dan pilih blank activity

CATATAN :

Apa yang kita butuhkan di sini 2 Tata Letak dan 2 Kelas:
  • Splash.java
  • MainActivity.java
  • splash.xml
  • activity_main.xml
Splash.java : Kelas akan dijalankan terlebih dahulu untuk menampilkan tata letak splash.xml

MainActiviy.java : Class yang akan dijalankan menampilkan layout activity_main.xml jika Splash.java telah selesai dijalankan.

Anda juga perlu menyiapkan gambar di folder Drawable

bg : Digunakan sebagai latar belakang splash.xml
logo : Digunakan sebagai logo splash.xml
people : Digunakan untuk memberikan latar belakang pada activity_main.xml (Opsional)
Buka layout splash.xml dan masukkan kode berikut

<?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/bg"
    android:orientation="vertical">
    <ImageView
        android:id="@+id/image"
        android:layout_width="110dp"
        android:layout_height="80dp"
        android:layout_centerVertical="true"
        android:layout_centerHorizontal="true"
        android:background="@drawable/logo"/>
    <ProgressBar
        android:id="@+id/loading"
        android:layout_below="@+id/image"
        android:paddingTop="10dp"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_centerHorizontal="true" />
</RelativeLayout>

Buka layout activity_main.xml dan masukkan kode berikut

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:orientation="vertical" android:layout_width="fill_parent"
    android:background="@drawable/people"
    android:layout_height="fill_parent">
</LinearLayout>





Buka Class Splash.java dan masukkan kode berikut

package id.ndiappink.splash;

import android.support.v7.app.AppCompatActivity;
import android.content.Intent;
import android.os.Build;
import android.os.StrictMode;
import android.os.Bundle;
import android.view.Window;
import android.view.WindowManager;
public class Splash extends AppCompatActivity {
    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.splash);
        if (Build.VERSION.SDK_INT >= Build.VERSION_CODES.KITKAT) {
            Window w = getWindow();
            w.setFlags(WindowManager.LayoutParams.FLAG_LAYOUT_NO_LIMITS, WindowManager.LayoutParams.FLAG_LAYOUT_NO_LIMITS);
        }
        else{
            getWindow().setFlags(WindowManager.LayoutParams.FLAG_FULLSCREEN,
                    WindowManager.LayoutParams.FLAG_FULLSCREEN);
        }
        if (android.os.Build.VERSION.SDK_INT > 9) {
            StrictMode.ThreadPolicy policy = new StrictMode.ThreadPolicy.Builder().permitAll().build();
            StrictMode.setThreadPolicy(policy);
        }

        final int welcomeScreenDisplay = 3000;
        Thread welcomeThread = new Thread() {
            int wait = 0;
            @Override
            public void run() {
                try {
                    super.run();
                    while (wait < welcomeScreenDisplay) {
                        sleep(100);
                        wait += 100;
                    }
                } catch (Exception e) {
                    System.out.println("EXc=" + e);

                } finally {
                    Intent intent = new Intent(Splash.this, MainActivity.class);   
                    finish();
                    startActivity(intent);
                }
            }
        };
        welcomeThread.start();
    }
}


Pergi ke Kelas MainActivity.java dan masukkan kode berikut

package id.ndiappink.splash;

import android.os.Bundle;
import android.support.v7.app.AppCompatActivity;
import android.os.Build;
import android.view.Window;
import android.view.WindowManager;

public class MainActivity extends AppCompatActivity {

    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_main);
        if (Build.VERSION.SDK_INT >= Build.VERSION_CODES.KITKAT) {
            Window w = getWindow();
            w.setFlags(WindowManager.LayoutParams.FLAG_LAYOUT_NO_LIMITS, WindowManager.LayoutParams.FLAG_LAYOUT_NO_LIMITS);    
        }
        else{
            getWindow().setFlags(WindowManager.LayoutParams.FLAG_FULLSCREEN,WindowManager.LayoutParams.FLAG_FULLSCREEN);
        }
    }
}

Mobile Landing Page

Souffle — Responsive Retina Multi-Purpose Theme

Soufflé is a powerful and highly customizable theme inspired by Android™ Holo Interface for all kinds of business, portfolio or blog purposes.



Get it Now

Jangan lupa untuk membuka file AndroidManifest.xml dan tambahkan aktivitas baru untuk MainActivity di bawah aktivitas Splash

<activity android:name=".MainActivity"></activity>   

Dan Akhirnya, program siap dijalankan

Untuk lebih jelasnya silahkan tonton video dibawah ini

Powered by Blogger.