화면 회전에도 상태 값 유지하기

아래 프로젝트는 8개월 전 Udemy에서 Kotlin for Android:Beginner to Advanced강좌를 통해 공부했던 내용이다.

 

화면을 회전하게 되면 Activity는 저절로 OnPause -> OnStop -> OnDestroy -> OnCreate -> OnStart -> OnResume을 수행하게 된다. 이 과정에서 당연히 우리가 변수로 저장했던 값들을 null 값으로 변하게 되고 다음 Activity 또는 fragment로 보내려던 값을 정상적으로 보내지 못하게 된다.

​

이 경우 여러 가지 방법이 있겠지만 가장 쉽고 대표적인 방법으로 OnSaveInstanceState()와 onRestoreInstanceState()를 사용하는 방법이 있다.

​

activity_league.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=".Controller.LeagueActivity">

    <ImageView
        android:id="@+id/imageView3"
        android:layout_width="0dp"
        android:layout_height="0dp"
        android:scaleType="centerCrop"
        app:layout_constraintBottom_toBottomOf="parent"
        app:layout_constraintEnd_toEndOf="parent"
        app:layout_constraintStart_toStartOf="parent"
        app:layout_constraintTop_toTopOf="parent"
        app:srcCompat="@drawable/desiredleaguebg" />

    <ImageView
        android:id="@+id/imageView4"
        android:layout_width="100dp"
        android:layout_height="30dp"
        android:layout_marginTop="24dp"
        app:layout_constraintEnd_toEndOf="parent"
        app:layout_constraintStart_toStartOf="parent"
        app:layout_constraintTop_toTopOf="parent"
        app:srcCompat="@drawable/swooshlogo" />

    <TextView
        android:id="@+id/textView4"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_marginTop="32dp"
        android:fontFamily="@font/montserrat"
        android:text="Desired League:"
        android:textColor="@android:color/white"
        android:textSize="18sp"
        app:layout_constraintEnd_toEndOf="parent"
        app:layout_constraintStart_toStartOf="parent"
        app:layout_constraintTop_toBottomOf="@+id/imageView4" />

    <LinearLayout
        android:layout_width="0dp"
        android:layout_height="wrap_content"
        android:layout_marginStart="24dp"
        android:layout_marginTop="40dp"
        android:layout_marginEnd="24dp"
        android:gravity="center"
        android:orientation="vertical"
        app:layout_constraintEnd_toEndOf="parent"
        app:layout_constraintHorizontal_bias="0.0"
        app:layout_constraintStart_toStartOf="parent"
        app:layout_constraintTop_toBottomOf="@+id/textView4">

        <ToggleButton
            android:id="@+id/toggle_league_mens"
            android:layout_width="match_parent"
            android:layout_height="wrap_content"
            android:background="@drawable/swoosh_toggle"
            android:fontFamily="@font/montserrat"
            android:onClick="leagueClicked"
            android:text="Mens"
            android:textAllCaps="false"
            android:textColor="@android:color/white"
            android:textOff="Mens"
            android:textOn="Mens"
            android:textSize="18sp" />

        <ToggleButton
            android:id="@+id/toggle_league_womens"
            android:layout_width="match_parent"
            android:layout_height="wrap_content"
            android:layout_marginTop="16dp"
            android:layout_marginBottom="16dp"
            android:background="@drawable/swoosh_toggle"
            android:fontFamily="@font/montserrat"
            android:onClick="leagueClicked"
            android:text="ToggleButton"
            android:textAllCaps="false"
            android:textColor="@android:color/white"
            android:textOff="Womens"
            android:textOn="Womens"
            android:textSize="18sp"
            tools:text="Womens" />

        <ToggleButton
            android:id="@+id/toggle_league_coed"
            android:layout_width="match_parent"
            android:layout_height="wrap_content"
            android:background="@drawable/swoosh_toggle"
            android:fontFamily="@font/montserrat"
            android:onClick="leagueClicked"
            android:text="Co-ed"
            android:textAllCaps="false"
            android:textColor="@android:color/white"
            android:textOff="Co-ed"
            android:textOn="Co-ed"
            android:textSize="18sp" />
    </LinearLayout>

    <Button
        android:id="@+id/btn_league_next"
        android:layout_width="0dp"
        android:layout_height="wrap_content"
        android:layout_marginStart="24dp"
        android:layout_marginEnd="24dp"
        android:layout_marginBottom="16dp"
        android:background="@drawable/swoosh_button"
        android:fontFamily="@font/montserrat"
        android:onClick="leagueClicked"
        android:text="NEXT"
        android:textAllCaps="false"
        android:textColor="@android:color/white"
        android:textSize="18sp"
        app:layout_constraintBottom_toBottomOf="@+id/imageView3"
        app:layout_constraintEnd_toEndOf="parent"
        app:layout_constraintStart_toStartOf="parent" />

</androidx.constraintlayout.widget.ConstraintLayout>

 

LeagueActivity.kt

import android.content.Intent
import android.os.Bundle
import android.view.View
import android.widget.Toast
import com.example.swoosh.Model.Player
import com.example.swoosh.R
import com.example.swoosh.Utilities.EXTRA_PLAYER
import kotlinx.android.synthetic.main.activity_league.*

class LeagueActivity : BaseActivity() {

    var player = Player("","")

// 주목할 부분 =======
    override fun onSaveInstanceState(outState: Bundle) {
        super.onSaveInstanceState(outState)
        outState?.putParcelable(EXTRA_PLAYER, player)
    }

    override fun onRestoreInstanceState(savedInstanceState: Bundle) {
        super.onRestoreInstanceState(savedInstanceState)
        if(savedInstanceState != null){
            player = savedInstanceState.getParcelable<Player>(EXTRA_PLAYER) ?: player
        }
    }
// ========
    override fun onCreate(savedInstanceState: Bundle?) {
        super.onCreate(savedInstanceState)
        setContentView(R.layout.activity_league)
    }

    fun leagueClicked(view: View){
        when(view.id){
            R.id.btn_league_next ->{
                if(toggle_league_mens.isChecked||toggle_league_womens.isChecked||toggle_league_coed.isChecked) {
                    val skillActivity = Intent(this, SkillActivity::class.java)
                    skillActivity.putExtra(EXTRA_PLAYER, player)
                    startActivity(skillActivity)
                }
                else{
                    Toast.makeText(this, "Please select a league." , Toast.LENGTH_SHORT).show()
                }
            }
            R.id.toggle_league_mens ->{
                toggle_league_womens.isChecked = false
                toggle_league_coed.isChecked = false
                player.league = "mens"
            }
            R.id.toggle_league_womens ->{
                toggle_league_coed.isChecked = false
                toggle_league_mens.isChecked = false
                player.league = "womens"
            }
            R.id.toggle_league_coed ->{
                toggle_league_mens.isChecked = false
                toggle_league_womens.isChecked = false
                player.league = "co-ed"
            }
        }
    }
}

 

코드에서 주목할 부분은 onSaveInstanceState와 OnRestoreInstanceState이다. Bundle 타입의 outState에 EXTRA_PLAYER라는 키 값으로 player 객체를 Parcel 형식으로 넣었는데 OnRestoreInstanceState에서 다시 savedInstanceState라는 이름으로 가져와서 Bundle 안의 Parcel을 꺼내고 키값으로 그 안의 Player 객체를 꺼내는 구조를 갖고 있다. 이때 주의해야 할 점은 NullCheck로 직을 해줘야 한다는 것이다. 만약 안 해주게 되면 player 값에 아무런 값이 없는 상태에서 화면을 회전시킬 경우 에러가 발생할 수 있다. 하지만 현재의 경우에는 Player를 초기화할 때부터 값을 넣어줘서 아마 에러가 나진 않을 것이다.

 

Git: https://github.com/JunYou-Park/Swoosh