Android Studio Kotlin Tutorial Cara Membuat Splash Screen Agar Aplikasi Terlihat Profesionnal
Splash Screen Android Studio |
Android Studio Kotlin Tutorial Cara Membuat Splash Screen
Splash Screen adalah salah satu Activity yang sering di gunakan untuk pembukaan suatu aplikasi agar terlihat lebih profesionnal.Splash screen ini umumnya menampilkan logo atau nama suatu aplikasi.
Kali ini Kita akan belajar untuk membuat Activity splash screen pada kotlin.
Membuat Activity Baru Untuk Splash Screen
Pertama buat lah Project di android studio dengan bahasa Kotlin dan jika sudah,buatlah activity baru dengan cara klik kanan JAVA=>NEW=>ACTIVITY=>EMPTE ACTIVITY.dan berinama SplashActivity,tunggu build gradel nya selesai.
Mengatur Agar Activity Spash Screen Muncul Pertamakali
Sebelumnya Kita rubah dulu pengaturan Activity agar yang akan muncul pertamakali pada aplikasi.adalah SplashActivity,dengan cara buka AndroidManifes.xml dan rubah seperti ini:
<?xml version="1.0" encoding="utf-8"?>
<manifest xmlns:android="http://schemas.android.com/apk/res/android"
package="com.example.belajarSplashScreen">
<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.BelajarSplashScreen">
<activity
android:name=".MainActivity" //=>(nama dirubah)
android:exported="true"/>
<activity
android:name=".SplashActivity" //=>(nama dirubah)
android:exported="true">
<intent-filter>
<action android:name="android.intent.action.MAIN" />
<category android:name="android.intent.category.LAUNCHER" />
</intent-filter>
</activity>
</application>
</manifest>
Sebelum di rubah, Activity yang muncul pertama kali adalah MainActivity.Nah oleh karena itu,Sobat tinggal rubah nama Activitynya.dari MainActivity menjadi SplashActivity,dan juga sebaliknya.dari SplashActivity dirubah menjadi MainActivity.
Menyiapkan Tampilan Logo Yang Akan Di Tampilkan Pada Splash Screen
Untuk membuat tampilan yang akan muncul di splashscreen nya nanti,umumnya SplashScreen akan memunculkan logo/nama aplikasi,oleh karena itu Sobat siapkan file logo yang akan di gunakan.
Jika sudah,selanjutnya copy file logo tersebut,kemudian pastekan di folder drawable yang ada di android studio.
Mendesain Tampilan pada Activity XML untuk Menampilkan Splash Screen
Berikutnya Kita pergi ke SplashActivity.xml untuk mendisain tampilan nya,disini Saya hanya akan mencontohkan dengan menampilkan logo saja,dengan hanya menambahkan ImageView untuk menampilkan logonya.
Contoh Code di SplashActivity.xml:
<?xml version="1.0" encoding="utf-8"?>
<androidx.constraintlayout.widget.ConstraintLayout 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=".SplashActivity">
<ImageView
android:id="@+id/logo"
android:layout_width="200dp"
android:layout_height="200dp"
android:background="@drawable.logo" //(ganti dengan file logo Kalian)
app:layout_constraintBottom_toBottomOf="parent"
app:layout_constraintEnd_toEndOf="parent"
app:layout_constraintStart_toStartOf="parent"
app:layout_constraintTop_toTopOf="parent">
</ImageView>
</androidx.constraintlayout.widget.ConstraintLayout>
Melakukan Coding pada Activity untuk Menampilkan Splash Screen
Sekarang tampilan sudah jadi saatnya Sobat coding untuk perintahnya.
Buka SplashActivity.kt,kemudian buatlah kode perintah seperti ini.!
package com.example.BelajarSplashScreen
import android.content.Intent
import androidx.appcompat.app.AppCompatActivity
import android.os.Bundle
import android.widget.Button
class SplashActivity : AppCompatActivity() {
override fun onCreate(savedInstanceState: Bundle?) {
super.onCreate(savedInstanceState)
setContentView(R.layout.activity_flash)
val thread: Thread = object : Thread() {
override fun run() {
try {
sleep(3000) // 3000= 3detik
} catch (e: InterruptedException) {
e.printStackTrace()
} finally {
startActivity(Intent(this@SplashActivity, MainActivity::class.java))
finish()
}
}
}
thread.start()
}
}
Baca Juga : Tutorial Cara Berpindah Activity Di Android Studio Kotlin
Untuk nama Activitynya ganti sesuai dengan nama Activity yang Sobat buat.