🔥TIL🔥스파르타 | Navigation

📖 Navigation

앱 내에서 사용자가 다양한 화면(액티비티나 프래그먼트) 사이를 이동할 수 있게 도와주는 중요한 구성 요소
보통 하나의 Activity에서 여러 Fragment 사이를 이동할 때 쓴다.
다른 Activity로 이동할 때는 Intent로 이동하자.

📝 Single Activity Architecture

주로 단일 액티비티 내에서 여러 프래그먼트 간의 이동을 용이하게 하는 데 사용
이를 통해 애플리케이션의 내비게이션 로직을 단순화하고 중앙 집중화할 수 있다.

📖 Navigation 컴포넌트의 주요 구성 요소

1. NavHost

앱의 MainActivity에 배치된다. 대부분의 경우 NavHostFragment를 사용하여 프래그먼트를 통해 내비게이션을 관리합니다.
일반적으로 NavHostFragment는 앱의 메인 액티비티 레이아웃에 정의된다. 이후 NavController 객체를 통해 프래그먼트 간의 이동(내비게이션)을 관리한다.

2. NavController

내비게이션 동작을 관리하는 객체로, 앱 내에서의 내비게이션 로직을 처리합니다. 사용자가 목적지로 이동할 때 NavController를 사용하여 이동을 지시합니다.

3. Navigation Graph

내비게이션 흐름을 시각적으로 표현하는 XML 파일로, 앱 내의 모든 내비게이션 관련 정보(목적지, 액션, 전환 등)를 포함합니다. Android Studio의 Navigation Editor를 사용하여 쉽게 작업할 수 있습니다.

4. Destinations

사용자가 내비게이션을 통해 도달할 수 있는 앱 내의 각 화면을 나타냅니다. 이는 액티비티, 프래그먼트 또는 다이얼로그 등이 될 수 있습니다.

5. Actions

목적지 간의 연결을 정의하며, 사용자가 한 화면에서 다른 화면으로 이동할 때 사용됩니다.

📖 코드

1. NavHostFragment 설정하기

<androidx.fragment.app.FragmentContainerView
    android:id="@+id/nav_host_fragment"
    android:name="androidx.navigation.fragment.NavHostFragment"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    app:defaultNavHost="true"
    app:navGraph="@navigation/nav_graph" />

2. Navigation Graph 생성하기

<navigation xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:app="http://schemas.android.com/apk/res-auto"
    android:id="@+id/nav_graph"
    app:startDestination="@id/loginFragment">

    <fragment
        android:id="@+id/loginFragment"
        android:name="com.example.myapp.LoginFragment"
        android:label="로그인 화면">
        <action
            android:id="@+id/action_loginFragment_to_mainFragment"
            app:destination="@id/mainFragment" />
    </fragment>

    <fragment
        android:id="@+id/mainFragment"
        android:name="com.example.myapp.MainFragment"
        android:label="메인 화면" />
</navigation>

3. NavController를 사용하여 목적지 이동하기

class LoginFragment : Fragment() {

    override fun onCreateView(
        inflater: LayoutInflater, container: ViewGroup?,
        savedInstanceState: Bundle?
    ): View {
        return inflater.inflate(R.layout.fragment_login, container, false)
    }

    override fun onViewCreated(view: View, savedInstanceState: Bundle?) {
        super.onViewCreated(view, savedInstanceState)

        val loginButton = view.findViewById<Button>(R.id.login_button)
        loginButton.setOnClickListener {
            //로그인 성공 후 메인 화면으로 이동
            findNavController().navigate(R.id.action_loginFragment_to_mainFragment)
        }
    }
}