#27 [feat] 스플래쉬 구현

app/src/main/AndroidManifest.xml

@@ -34,6 +34,10 @@
 
         <activity
             android:name=".ui.storytelling.StoryTellingActivity"
+            android:exported="false"
+            android:screenOrientation="portrait"></activity>
+        <activity
+            android:name=".ui.onboarding.splash.SplashActivity"
             android:exported="true"
             android:screenOrientation="portrait">
             <intent-filter>

app/src/main/java/com/sopetit/softie/ui/onboarding/splash/SplashActivity.kt

@@ -0,0 +1,54 @@
+package com.sopetit.softie.ui.onboarding.splash
+
+import android.content.Intent
+import android.os.Bundle
+import android.os.Handler
+import android.os.Looper
+import androidx.fragment.app.Fragment
+import com.sopetit.softie.R
+import com.sopetit.softie.databinding.ActivitySplashBinding
+import com.sopetit.softie.ui.storytelling.StoryTellingActivity
+import com.sopetit.softie.util.binding.BindingActivity
+
+class SplashActivity : BindingActivity<ActivitySplashBinding>(R.layout.activity_splash) {
+
+    override fun onCreate(savedInstanceState: Bundle?) {
+        super.onCreate(savedInstanceState)
+
+        initCreateRandomVersion()
+    }
+
+    private fun initCreateRandomVersion() {
+        val versionList: List<Int> = listOf(1, 2, 3, 4)
+
+        when (versionList.random()) {
+            1 -> initMakeFragment(SplashVersionFirstFragment())
+            2 -> initMakeFragment(SplashVersionSecondFragment())
+            3 -> initMakeFragment(SplashVersionThirdFragment())
+            4 -> initMakeFragment(SplashVersionFourthFragment())
+        }
+    }
+
+    private fun initMakeFragment(fragmentVersion: Fragment) {
+        val currentFragment = supportFragmentManager.findFragmentById(R.id.fcv_splash)
+        if (currentFragment == null) {
+            supportFragmentManager.beginTransaction()
+                .add(R.id.fcv_splash, fragmentVersion)
+                .commit()
+        }
+
+        initMakeSplash()
+    }
+
+    private fun initMakeSplash() {
+        Handler(Looper.getMainLooper()).postDelayed({
+            val intent = Intent(this, StoryTellingActivity::class.java)
+            startActivity(intent)
+            finish()
+        }, SPLASH_DELAY)
+    }
+
+    companion object {
+        const val SPLASH_DELAY = 2000L
+    }
+}

app/src/main/java/com/sopetit/softie/ui/onboarding/splash/SplashVersionFirstFragment.kt

@@ -0,0 +1,15 @@
+package com.sopetit.softie.ui.onboarding.splash
+
+import android.os.Bundle
+import android.view.View
+import com.sopetit.softie.R
+import com.sopetit.softie.databinding.FragmentSplashVersionFirstBinding
+import com.sopetit.softie.util.binding.BindingFragment
+
+class SplashVersionFirstFragment :
+    BindingFragment<FragmentSplashVersionFirstBinding>(R.layout.fragment_splash_version_first) {
+
+    override fun onViewCreated(view: View, savedInstanceState: Bundle?) {
+        super.onViewCreated(view, savedInstanceState)
+    }
+}

app/src/main/java/com/sopetit/softie/ui/onboarding/splash/SplashVersionFourthFragment.kt

@@ -0,0 +1,15 @@
+package com.sopetit.softie.ui.onboarding.splash
+
+import android.os.Bundle
+import android.view.View
+import com.sopetit.softie.R
+import com.sopetit.softie.databinding.FragmentSplashVersionFourthBinding
+import com.sopetit.softie.util.binding.BindingFragment
+
+class SplashVersionFourthFragment :
+    BindingFragment<FragmentSplashVersionFourthBinding>(R.layout.fragment_splash_version_fourth) {
+
+    override fun onViewCreated(view: View, savedInstanceState: Bundle?) {
+        super.onViewCreated(view, savedInstanceState)
+    }
+}

app/src/main/java/com/sopetit/softie/ui/onboarding/splash/SplashVersionSecondFragment.kt

@@ -0,0 +1,15 @@
+package com.sopetit.softie.ui.onboarding.splash
+
+import android.os.Bundle
+import android.view.View
+import com.sopetit.softie.R
+import com.sopetit.softie.databinding.FragmentSplashVersionSecondBinding
+import com.sopetit.softie.util.binding.BindingFragment
+
+class SplashVersionSecondFragment :
+    BindingFragment<FragmentSplashVersionSecondBinding>(R.layout.fragment_splash_version_second) {
+
+    override fun onViewCreated(view: View, savedInstanceState: Bundle?) {
+        super.onViewCreated(view, savedInstanceState)
+    }
+}

app/src/main/java/com/sopetit/softie/ui/onboarding/splash/SplashVersionThirdFragment.kt

@@ -0,0 +1,15 @@
+package com.sopetit.softie.ui.onboarding.splash
+
+import android.os.Bundle
+import android.view.View
+import com.sopetit.softie.R
+import com.sopetit.softie.databinding.FragmentSplashVersionThirdBinding
+import com.sopetit.softie.util.binding.BindingFragment
+
+class SplashVersionThirdFragment :
+    BindingFragment<FragmentSplashVersionThirdBinding>(R.layout.fragment_splash_version_third) {
+
+    override fun onViewCreated(view: View, savedInstanceState: Bundle?) {
+        super.onViewCreated(view, savedInstanceState)
+    }
+}

app/src/main/res/drawable/ic_logo_main1.xml

@@ -0,0 +1,24 @@
+<vector xmlns:android="http://schemas.android.com/apk/res/android"
+    android:width="174dp"
+    android:height="52dp"
+    android:viewportWidth="174"
+    android:viewportHeight="52">
+  <path
+      android:pathData="M22.09,26.78C19.43,24.77 16.18,23.43 13.96,23.43C12.26,23.43 10.93,24.62 10.93,26.03C10.93,27.15 11.67,27.75 13.66,28.27C16.32,29.09 18.09,29.68 19.8,30.57C23.71,32.51 25.93,35.93 25.93,40.02C25.93,46.79 20.09,51.93 12.41,51.93C8.05,51.93 3.84,50.29 0,47.24L4.07,40.25C6.5,42.41 9.61,43.6 12.64,43.6C14.78,43.6 15.96,42.7 15.96,41.22C15.96,39.73 15.07,38.91 13.3,38.47C10.79,37.87 9.91,37.65 8.43,36.98C3.26,34.9 0.75,31.55 0.75,27.01C0.75,20.39 6.73,15.26 14.41,15.26C18.4,15.26 21.8,16.45 26.01,19.35L22.09,26.79L22.09,26.78Z"
+      android:fillColor="#4A4A4A"/>
+  <path
+      android:pathData="M61.91,21.72C64.64,24.92 65.91,28.72 65.91,33.48C65.91,43.6 57.48,51.86 47.14,51.86C36.8,51.86 29.26,44.12 29.26,34C29.26,23.89 37.61,14.96 47.88,14.96C53.2,14.96 58.37,17.41 61.92,21.73L61.91,21.72ZM39.3,33.7C39.3,38.46 43,42.55 47.21,42.55C51.71,42.55 55.71,38.16 55.71,33.33C55.71,28.49 52.31,24.47 47.87,24.47C43.07,24.47 39.3,28.57 39.3,33.7Z"
+      android:fillColor="#4A4A4A"/>
+  <path
+      android:pathData="M72.26,20.01V18.3C72.26,11.53 73.15,7.44 75.29,4.54C77.36,1.71 80.69,0 84.3,0C87.33,0 89.92,0.97 93.98,3.57L90.67,11.86C89.37,10.58 87.48,9.89 85.71,9.89C83.71,9.89 82.46,11.68 82.46,14.58V20.01H91.25L91.1,28.12L82.46,28.19V44.56C82.46,44.86 82.53,45.82 82.6,47.31C82.6,48.94 82.75,49.91 82.9,50.88H71.74L71.81,50.36L71.96,47.24C72.11,45 72.11,43.67 72.18,43.36V28.19L67.82,28.11L67.75,20.15L72.26,20.01L72.26,20.01Z"
+      android:fillColor="#4A4A4A"/>
+  <path
+      android:pathData="M116.37,28.65H107.88L107.66,35.34V36.9C107.66,38.83 107.8,39.65 108.4,40.47C109.14,41.58 110.54,42.33 111.72,42.33C112.83,42.33 113.53,41.97 115.37,41.07L118.3,47.98C115.19,50.36 112.16,51.48 109.06,51.48C102.86,51.48 97.83,46.79 97.83,41.06L97.91,28.42L93.25,28.28L93.33,20.02L97.98,19.95L98.05,14.89C97.98,11.31 97.91,9.3 97.83,7.59L108.18,7.66C108.18,8.26 108.18,8.63 108.03,10.26C107.96,11.45 107.96,12.13 107.96,13.01L107.81,20.09L116.45,20.24L116.38,28.65L116.37,28.65Z"
+      android:fillColor="#4A4A4A"/>
+  <path
+      android:pathData="M133.88,7.16C133.88,10.66 130.85,13.78 127.46,13.78C124.06,13.78 121.1,10.66 121.1,7.01C121.1,3.37 124.06,0.39 127.38,0.39C130.71,0.39 133.88,3.59 133.88,7.16ZM133.22,16.37L132.34,50.89H121.99L121.77,16.37H133.22Z"
+      android:fillColor="#4A4A4A"/>
+  <path
+      android:pathData="M171.12,47.09C167.43,50.06 161.44,52 155.98,52C145.56,52 137.65,44.04 137.65,33.55C137.65,23.06 145.85,15.02 156.57,15.02C166.54,15.02 173.34,22.09 173.34,32.36C173.34,34.07 173.19,35.63 172.75,37.35L148.29,37.49C149.7,41.06 153.32,43.22 157.97,43.22C161,43.22 163.59,42.4 165.66,40.84L171.12,47.09V47.09ZM163.44,29.68C162.33,26.04 159.52,23.88 155.68,23.88C152.06,23.88 149.7,25.67 148.22,29.68H163.44Z"
+      android:fillColor="#4A4A4A"/>
+</vector>

app/src/main/res/drawable/ic_logo_main2.xml

@@ -0,0 +1,24 @@
+<vector xmlns:android="http://schemas.android.com/apk/res/android"
+    android:width="174dp"
+    android:height="52dp"
+    android:viewportWidth="174"
+    android:viewportHeight="52">
+  <path
+      android:pathData="M22.75,26.78C20.09,24.77 16.84,23.43 14.63,23.43C12.92,23.43 11.6,24.62 11.6,26.03C11.6,27.15 12.34,27.75 14.33,28.27C16.98,29.09 18.76,29.68 20.46,30.57C24.38,32.51 26.6,35.93 26.6,40.02C26.6,46.79 20.76,51.93 13.08,51.93C8.72,51.93 4.51,50.29 0.67,47.24L4.73,40.25C7.17,42.41 10.27,43.6 13.3,43.6C15.45,43.6 16.63,42.7 16.63,41.22C16.63,39.73 15.74,38.91 13.97,38.47C11.46,37.87 10.57,37.65 9.1,36.98C3.92,34.9 1.41,31.55 1.41,27.01C1.41,20.39 7.39,15.26 15.08,15.26C19.07,15.26 22.47,16.45 26.68,19.35L22.76,26.79L22.75,26.78Z"
+      android:fillColor="#FFF7E6"/>
+  <path
+      android:pathData="M62.58,21.72C65.31,24.92 66.57,28.72 66.57,33.48C66.57,43.6 58.15,51.86 47.81,51.86C37.46,51.86 29.93,44.12 29.93,34C29.93,23.89 38.28,14.96 48.55,14.96C53.87,14.96 59.04,17.41 62.59,21.73L62.58,21.72ZM39.97,33.7C39.97,38.46 43.66,42.55 47.87,42.55C52.38,42.55 56.37,38.16 56.37,33.33C56.37,28.49 52.97,24.47 48.54,24.47C43.74,24.47 39.97,28.57 39.97,33.7Z"
+      android:fillColor="#FFF7E6"/>
+  <path
+      android:pathData="M72.93,20.01V18.3C72.93,11.53 73.81,7.44 75.96,4.54C78.03,1.71 81.35,0 84.97,0C88,0 90.58,0.97 94.65,3.57L91.34,11.86C90.04,10.58 88.15,9.89 86.37,9.89C84.38,9.89 83.12,11.68 83.12,14.58V20.01H91.91L91.77,28.12L83.12,28.19V44.56C83.12,44.86 83.19,45.82 83.27,47.31C83.27,48.94 83.42,49.91 83.56,50.88H72.41L72.48,50.36L72.63,47.24C72.77,45 72.77,43.67 72.85,43.36V28.19L68.49,28.11L68.42,20.15L72.92,20.01L72.93,20.01Z"
+      android:fillColor="#FFF7E6"/>
+  <path
+      android:pathData="M117.04,28.65H108.54L108.32,35.34V36.9C108.32,38.83 108.47,39.65 109.06,40.47C109.8,41.58 111.21,42.33 112.39,42.33C113.5,42.33 114.19,41.97 116.04,41.07L118.96,47.98C115.86,50.36 112.83,51.48 109.73,51.48C103.52,51.48 98.5,46.79 98.5,41.06L98.57,28.42L93.92,28.28L93.99,20.02L98.65,19.95L98.72,14.89C98.65,11.31 98.57,9.3 98.5,7.59L108.84,7.66C108.84,8.26 108.84,8.63 108.69,10.26C108.62,11.45 108.62,12.13 108.62,13.01L108.47,20.09L117.12,20.24L117.05,28.65L117.04,28.65Z"
+      android:fillColor="#FFF7E6"/>
+  <path
+      android:pathData="M134.55,7.16C134.55,10.66 131.52,13.78 128.12,13.78C124.72,13.78 121.77,10.66 121.77,7.01C121.77,3.37 124.72,0.39 128.05,0.39C131.37,0.39 134.55,3.59 134.55,7.16ZM133.89,16.37L133,50.89H122.66L122.44,16.37H133.89Z"
+      android:fillColor="#FFF7E6"/>
+  <path
+      android:pathData="M171.79,47.09C168.1,50.06 162.11,52 156.64,52C146.22,52 138.32,44.04 138.32,33.55C138.32,23.06 146.52,15.02 157.23,15.02C167.21,15.02 174,22.09 174,32.36C174,34.07 173.85,35.63 173.41,37.35L148.96,37.49C150.36,41.06 153.99,43.22 158.64,43.22C161.67,43.22 164.25,42.4 166.32,40.84L171.79,47.09V47.09ZM164.11,29.68C163,26.04 160.19,23.88 156.35,23.88C152.72,23.88 150.36,25.67 148.88,29.68H164.11Z"
+      android:fillColor="#FFF7E6"/>
+</vector>

app/src/main/res/layout/activity_splash.xml

@@ -0,0 +1,24 @@
+<?xml version="1.0" encoding="utf-8"?>
+<layout xmlns:android="http://schemas.android.com/apk/res/android"
+    xmlns:app="http://schemas.android.com/apk/res-auto">
+
+    <data>
+
+    </data>
+
+    <androidx.constraintlayout.widget.ConstraintLayout
+        android:layout_width="match_parent"
+        android:layout_height="match_parent"
+        android:fitsSystemWindows="true">
+
+        <androidx.fragment.app.FragmentContainerView
+            android:id="@+id/fcv_splash"
+            android:layout_width="0dp"
+            android:layout_height="0dp"
+            app:layout_constraintTop_toTopOf="parent"
+            app:layout_constraintBottom_toBottomOf="parent"
+            app:layout_constraintStart_toStartOf="parent"
+            app:layout_constraintEnd_toEndOf="parent" />
+
+    </androidx.constraintlayout.widget.ConstraintLayout>
+</layout>

app/src/main/res/layout/fragment_splash_version_first.xml

@@ -0,0 +1,55 @@
+<?xml version="1.0" encoding="utf-8"?>
+<layout xmlns:android="http://schemas.android.com/apk/res/android"
+    xmlns:app="http://schemas.android.com/apk/res-auto">
+
+    <data>
+
+    </data>
+
+    <androidx.constraintlayout.widget.ConstraintLayout
+        android:layout_width="match_parent"
+        android:layout_height="match_parent"
+        android:background="@color/main2">
+
+        <ImageView
+            android:id="@+id/iv_splash_version_first_logo"
+            android:layout_width="wrap_content"
+            android:layout_height="wrap_content"
+            android:src="@drawable/ic_logo_main1"
+            android:layout_marginTop="187dp"
+            app:layout_constraintTop_toTopOf="parent"
+            app:layout_constraintStart_toStartOf="parent"
+            app:layout_constraintEnd_toEndOf="parent" />
+
+        <TextView
+            android:id="@+id/tv_splash_version_first_content"
+            android:layout_width="wrap_content"
+            android:layout_height="wrap_content"
+            android:layout_marginTop="11dp"
+            android:text="@string/splash_content"
+            android:textAppearance="@style/body2"
+            android:textColor="@color/gray400"
+            app:layout_constraintTop_toBottomOf="@id/iv_splash_version_first_logo"
+            app:layout_constraintStart_toStartOf="parent"
+            app:layout_constraintEnd_toEndOf="parent" />
+
+        <androidx.constraintlayout.widget.ConstraintLayout
+            android:layout_width="0dp"
+            android:layout_height="225dp"
+            android:background="@color/splash_bottom"
+            app:layout_constraintBottom_toBottomOf="parent"
+            app:layout_constraintStart_toStartOf="parent"
+            app:layout_constraintEnd_toEndOf="parent" />
+
+        <ImageView
+            android:id="@+id/iv_splash"
+            android:layout_width="wrap_content"
+            android:layout_height="wrap_content"
+            android:src="@drawable/ic_splash_version1"
+            android:layout_marginBottom="142dp"
+            app:layout_constraintBottom_toBottomOf="parent"
+            app:layout_constraintStart_toStartOf="parent"
+            app:layout_constraintEnd_toEndOf="parent" />
+
+    </androidx.constraintlayout.widget.ConstraintLayout>
+</layout>

app/src/main/res/layout/fragment_splash_version_fourth.xml

@@ -0,0 +1,45 @@
+<?xml version="1.0" encoding="utf-8"?>
+<layout xmlns:android="http://schemas.android.com/apk/res/android"
+    xmlns:app="http://schemas.android.com/apk/res-auto">
+
+    <data>
+
+    </data>
+
+    <androidx.constraintlayout.widget.ConstraintLayout
+        android:layout_width="match_parent"
+        android:layout_height="match_parent"
+        android:background="@color/main1">
+
+        <ImageView
+            android:id="@+id/iv_splash_version_fourth_logo"
+            android:layout_width="wrap_content"
+            android:layout_height="wrap_content"
+            android:src="@drawable/ic_logo_main2"
+            android:layout_marginTop="187dp"
+            app:layout_constraintTop_toTopOf="parent"
+            app:layout_constraintStart_toStartOf="parent"
+            app:layout_constraintEnd_toEndOf="parent" />
+
+        <TextView
+            android:id="@+id/tv_splash_version_content"
+            android:layout_width="wrap_content"
+            android:layout_height="wrap_content"
+            android:layout_marginTop="11dp"
+            android:text="@string/splash_content"
+            android:textAppearance="@style/body2"
+            android:textColor="@color/main2"
+            app:layout_constraintTop_toBottomOf="@id/iv_splash_version_fourth_logo"
+            app:layout_constraintStart_toStartOf="parent"
+            app:layout_constraintEnd_toEndOf="parent" />
+
+        <ImageView
+            android:id="@+id/iv_splash"
+            android:layout_width="wrap_content"
+            android:layout_height="wrap_content"
+            android:src="@drawable/ic_splash_version3"
+            app:layout_constraintBottom_toBottomOf="parent"
+            app:layout_constraintEnd_toEndOf="parent" />
+
+    </androidx.constraintlayout.widget.ConstraintLayout>
+</layout>

app/src/main/res/layout/fragment_splash_version_second.xml

@@ -0,0 +1,45 @@
+<?xml version="1.0" encoding="utf-8"?>
+<layout xmlns:android="http://schemas.android.com/apk/res/android"
+    xmlns:app="http://schemas.android.com/apk/res-auto">
+
+    <data>
+
+    </data>
+
+    <androidx.constraintlayout.widget.ConstraintLayout
+        android:layout_width="match_parent"
+        android:layout_height="match_parent"
+        android:background="@color/main2">
+
+        <ImageView
+            android:id="@+id/iv_splash_version_second_logo"
+            android:layout_width="wrap_content"
+            android:layout_height="wrap_content"
+            android:src="@drawable/ic_logo_main1"
+            android:layout_marginTop="187dp"
+            app:layout_constraintTop_toTopOf="parent"
+            app:layout_constraintStart_toStartOf="parent"
+            app:layout_constraintEnd_toEndOf="parent" />
+
+        <TextView
+            android:id="@+id/tv_splash_version_second_content"
+            android:layout_width="wrap_content"
+            android:layout_height="wrap_content"
+            android:layout_marginTop="11dp"
+            android:text="@string/splash_content"
+            android:textAppearance="@style/body2"
+            android:textColor="@color/gray400"
+            app:layout_constraintTop_toBottomOf="@id/iv_splash_version_second_logo"
+            app:layout_constraintStart_toStartOf="parent"
+            app:layout_constraintEnd_toEndOf="parent" />
+
+        <ImageView
+            android:id="@+id/iv_splash"
+            android:layout_width="wrap_content"
+            android:layout_height="wrap_content"
+            android:src="@drawable/ic_splash_version2"
+            app:layout_constraintBottom_toBottomOf="parent"
+            app:layout_constraintStart_toStartOf="parent" />
+
+    </androidx.constraintlayout.widget.ConstraintLayout>
+</layout>

app/src/main/res/layout/fragment_splash_version_third.xml

@@ -0,0 +1,45 @@
+<?xml version="1.0" encoding="utf-8"?>
+<layout xmlns:android="http://schemas.android.com/apk/res/android"
+    xmlns:app="http://schemas.android.com/apk/res-auto">
+
+    <data>
+
+    </data>
+
+    <androidx.constraintlayout.widget.ConstraintLayout
+        android:layout_width="match_parent"
+        android:layout_height="match_parent"
+        android:background="@color/main1">
+
+        <ImageView
+            android:id="@+id/iv_splash_version_third_logo"
+            android:layout_width="wrap_content"
+            android:layout_height="wrap_content"
+            android:src="@drawable/ic_logo_main2"
+            android:layout_marginTop="187dp"
+            app:layout_constraintTop_toTopOf="parent"
+            app:layout_constraintStart_toStartOf="parent"
+            app:layout_constraintEnd_toEndOf="parent" />
+
+        <TextView
+            android:id="@+id/tv_splash_version_third_content"
+            android:layout_width="wrap_content"
+            android:layout_height="wrap_content"
+            android:layout_marginTop="11dp"
+            android:text="@string/splash_content"
+            android:textAppearance="@style/body2"
+            android:textColor="@color/main2"
+            app:layout_constraintTop_toBottomOf="@id/iv_splash_version_third_logo"
+            app:layout_constraintStart_toStartOf="parent"
+            app:layout_constraintEnd_toEndOf="parent" />
+
+        <ImageView
+            android:id="@+id/iv_splash"
+            android:layout_width="wrap_content"
+            android:layout_height="wrap_content"
+            android:src="@drawable/ic_splash_version2"
+            app:layout_constraintBottom_toBottomOf="parent"
+            app:layout_constraintStart_toStartOf="parent" />
+
+    </androidx.constraintlayout.widget.ConstraintLayout>
+</layout>