Android Studio Kotlin Tutorial Cara Membuat Splash Screen Agar Aplikasi Terlihat Profesionnal

Tutorial Android Studio Splash Screen kotlin
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:


  
  &lt?xml version="1.0" encoding="utf-8"?&gt
&ltmanifest xmlns:android="http://schemas.android.com/apk/res/android"
    package="com.example.belajarSplashScreen"&gt

    &ltapplication
        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"&gt

        &ltactivity
            android:name=".MainActivity"      //=&gt(nama dirubah)
            android:exported="true"/&gt
        &ltactivity
            android:name=".SplashActivity"  //=&gt(nama dirubah)
            android:exported="true"&gt
            &ltintent-filter&gt
                &ltaction android:name="android.intent.action.MAIN" /&gt

                &ltcategory android:name="android.intent.category.LAUNCHER" /&gt
            &lt/intent-filter&gt
        &lt/activity&gt

    &lt/application&gt

&lt/manifest&gt

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:


  
  &lt?xml version="1.0" encoding="utf-8"?&gt
&ltandroidx.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"&gt

    &ltImageView
        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"&gt

    &lt/ImageView&gt

&lt/androidx.constraintlayout.widget.ConstraintLayout&gt



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.


Next Post Previous Post
No Comment
Add Comment
comment url