Cara Membuat Splashscreen pada Android Studio
Hallo semuanya kali ini saya ingin berbagi artikel tentang cara membuat splashscreen pada android studio, Splashscreen sendiri berfungsi sebagai tampilan awal dari suatu aplikasi sebelum masuk kedalam aplikasi, Dalam pembuatan splashscreen pada aplikasi di Android Studio ada beberapa langkah atau proses yang harus kalian lakukan.
Untuk langkah - langkah yang harus kalian buat yaitu :
- Membuat Tampilan Splashscreen
- Membuat Proses Splashscreen
- Run atau Jalankan Aplikasi
Disini saya akan menjelaskan langkah-langkah dalam pembuatan splashscreen yang sudah tertera di atas.
1. Membuat Tampilan Splash Screen
Untuk langkah pertama ini kalian akan membuat tampilan dari splash screen tersebut dimana tampilan ini bisa kalian design sesuai dengan keinginan atau kebutuhan anda. Disini saya akan memberikan contoh tampilah splash screen sederhana agar memudahkan anda dalam mempelajarinya. Silahkan masukkan source code tampilan dibawah ini pada activity_main.xml atau activity splashscreen kalian.
Source Code :
<?xml version="1.0" encoding="utf-8"?>
<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
xmlns:app="http://schemas.android.com/apk/res-auto"
xmlns:tools="http://schemas.android.com/tools"
android:layout_width="match_parent"
android:layout_height="match_parent"
tools:context="com.example.android.exampleproject.MainActivity">
<RelativeLayout
android:layout_width="match_parent"
android:layout_height="match_parent"
android:background="#3681a1">
<ImageView
android:layout_width="200px"
android:layout_height="200px"
android:src="@drawable/logo"
android:id="@+id/imageView"
android:layout_alignParentTop="true"
android:layout_centerHorizontal="true"
android:layout_marginTop="151dp" />
<TextView
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:text="STK BLOGS CHANNELS"
android:textAlignment="center"
android:textStyle="bold"
android:fontFamily="casual"
android:textSize="30dp"
android:textColor="#fff"
android:layout_marginTop="20dp"
android:id="@+id/textView"
android:layout_below="@+id/imageView"
android:layout_alignParentStart="true" />
<TextView
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:text="APPLICATION"
android:textAlignment="center"
android:textColor="#fff"
android:textStyle="bold"
android:textSize="17dp"
android:fontFamily=""
android:layout_below="@+id/textView"
android:layout_alignParentStart="true" />
</RelativeLayout>
</RelativeLayout>
<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
xmlns:app="http://schemas.android.com/apk/res-auto"
xmlns:tools="http://schemas.android.com/tools"
android:layout_width="match_parent"
android:layout_height="match_parent"
tools:context="com.example.android.exampleproject.MainActivity">
<RelativeLayout
android:layout_width="match_parent"
android:layout_height="match_parent"
android:background="#3681a1">
<ImageView
android:layout_width="200px"
android:layout_height="200px"
android:src="@drawable/logo"
android:id="@+id/imageView"
android:layout_alignParentTop="true"
android:layout_centerHorizontal="true"
android:layout_marginTop="151dp" />
<TextView
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:text="STK BLOGS CHANNELS"
android:textAlignment="center"
android:textStyle="bold"
android:fontFamily="casual"
android:textSize="30dp"
android:textColor="#fff"
android:layout_marginTop="20dp"
android:id="@+id/textView"
android:layout_below="@+id/imageView"
android:layout_alignParentStart="true" />
<TextView
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:text="APPLICATION"
android:textAlignment="center"
android:textColor="#fff"
android:textStyle="bold"
android:textSize="17dp"
android:fontFamily=""
android:layout_below="@+id/textView"
android:layout_alignParentStart="true" />
</RelativeLayout>
</RelativeLayout>
2. Membuat Proses Splash Screen
Setelah kalian membuat tampilan dari splash screen, dilangkah kedua ini kalian akan membuat proses dari splash screen, Untuk membuat proses splash screen silahkan kalian masuk kedalam file MainActivity.java dan masukkan source code proses splash screen yang sudah saya buatkan dibawah ini.
Source Code :
public class MainActivity extends AppCompatActivity {
private static int SPLASH_TIME_OUT = 4000;
@Override
protected void onCreate(Bundle savedInstanceState) {
super.onCreate(savedInstanceState);
getWindow().setFlags(WindowManager.LayoutParams.FLAG_FULLSCREEN,
WindowManager.LayoutParams.FLAG_FULLSCREEN);
setContentView(R.layout.activity_main);
new Handler().postDelayed(new Runnable(){
@Override
public void run(){
Intent homeIntent = new Intent(MainActivity.this, SplashScreen.class);
startActivity(homeIntent);
finish();
}
},SPLASH_TIME_OUT);
}
}
private static int SPLASH_TIME_OUT = 4000;
@Override
protected void onCreate(Bundle savedInstanceState) {
super.onCreate(savedInstanceState);
getWindow().setFlags(WindowManager.LayoutParams.FLAG_FULLSCREEN,
WindowManager.LayoutParams.FLAG_FULLSCREEN);
setContentView(R.layout.activity_main);
new Handler().postDelayed(new Runnable(){
@Override
public void run(){
Intent homeIntent = new Intent(MainActivity.this, SplashScreen.class);
startActivity(homeIntent);
finish();
}
},SPLASH_TIME_OUT);
}
}
3. Run atau Jalankan Aplikasi
Diproses ketiga ini setelah kalian membuat tampilan dan proses pada splash screen silahkan kalian bisa menjalankan aplikasi kalian ke device yang sudah kalian siapkan,
Nah itulah cara membuat splash screen pada aplikasi di Android Studio semoga artikel ini bisa bermanfaat dan menambah ilmu kalian dalam membuat aplikasi di Android Studio, Sekian dari saya jangan lupa baca artikel lainnya yah 🤗