[Android] Lottie Splash

이쁜 Splash 화면을 만들기 위하여 찾은 Lottie

 

Lottie_Animation : https://lottiefiles.com/featured

 

Lottie 최신버젼 : https://lottiefiles.com/blog/working-with-lottie/getting-started-with-lottie-animations-in-android-app

 

JSON 파일 다운받기

build.gradle(:app)에 들어가서 설정하기

def lottieVersion = "6.0.0"
    implementation "com.airbnb.android:lottie:$lottieVersion"

 

rew폴더에 raw폴더를 생성후 그안에 JSON 파일 넣기(대문자나 - 특수문자 제거하고 넣어야함)

 

<레이아웃 코드>

<?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"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:background="@drawable/black">

    <TextView
        android:id="@+id/tv_splash"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_marginTop="200dp"
        android:fontFamily="@font/cookierun_bold"
        android:text="1to50"
        android:textColor="@color/white"
        android:textSize="80sp"
        app:layout_constraintEnd_toEndOf="parent"
        app:layout_constraintStart_toStartOf="parent"
        app:layout_constraintTop_toTopOf="parent" />

    <com.airbnb.lottie.LottieAnimationView
        android:id="@+id/animationView"
        android:layout_width="wrap_content"
        android:layout_height="200dp"
        android:layout_marginTop="130dp"
        app:layout_constraintEnd_toEndOf="parent"
        app:layout_constraintStart_toStartOf="parent"
        app:layout_constraintTop_toBottomOf="@id/tv_splash"
        app:lottie_autoPlay="true"
        app:lottie_loop="true"
        app:lottie_rawRes="@raw/loading_animation" />

</androidx.constraintlayout.widget.ConstraintLayout>

 

<Activity 코드>

package com.example.multithread_game

import android.content.Intent
import android.os.Bundle
import android.os.Handler
import android.os.Looper
import androidx.appcompat.app.AppCompatActivity
import com.example.multithread_game.databinding.ActivitySplashBinding

class SplashActivity : AppCompatActivity() {

    private lateinit var binding: ActivitySplashBinding

    override fun onCreate(savedInstanceState: Bundle?) {
        super.onCreate(savedInstanceState)

        binding = ActivitySplashBinding.inflate(layoutInflater)
        setContentView(binding.root)

        Handler(Looper.getMainLooper()).postDelayed({
            startActivity(Intent(this, MainActivity::class.java))

            finish()

        }, 3000)
    }
}

 

 

 

귀욤 앞으로도 Splash화면 만들때 로딩화면 구현할때 많이 사용할것 같다. 끝