[Android] 프래그먼트를 이용한 네비게이션 만들기

1. 네비게이션 xml 생성

1. app에서 우클릭 -> New -> Android Resource File 클릭

2. Resource type을 Navigation으로 선택하여 xml 파일을 생성한다.

2. 프래그먼트 생성

1. 네비게이션 버튼을 통해 보여질 프래그먼트를 생성한다.
(예를 들어 홈화면, 북마크화면 등등)

2. 프래그먼트 xml에 네비게이션 메뉴를 만들어준다.

3. 액티비티 xml에 네비게이션 바 추가

1. 오른쪽 design 탭을 클릭 -> Continers -> NavHostFragment을 화면에 드래그하여 삽입한다.

2. 삽입하면 이 화면이 뜨는데, 아까 만들어놓은 네비게이션 xml 파일을 선택한다.

4. 네비게이션에 프래그먼트 연결

1. 네비게이션 xml 파일에서 아래 버튼을 눌러 아까 만들어놓은 프래그먼트를 추가한다.

추가한 모습🔽

2. 각 프래그먼트를 연결해준다.
현재 homeFragment만 연결한 상태이며 나머지 프래그먼트들도 이와같이 연결해준다.
(xml code는 자동으로 작성된다.)

5. 프래그먼트 이동 코드 작성

메뉴를 누르면 해당 프래그먼트로 이동하도록 코드를 작성해준다.

HomeFragment.kt

class HomeFragment : Fragment() {

  private lateinit var binding: FragmentHomeBinding

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

  override fun onCreateView(
      inflater: LayoutInflater, container: ViewGroup?,
      savedInstanceState: Bundle?
  ): View? {

      binding = DataBindingUtil.inflate(inflater, R.layout.fragment_home, container, false)
      binding.tabTip.setOnClickListener {
          it.findNavController().navigate(R.id.action_homeFragment_to_bookmarkFragment)
      }

      return binding.root
  }

}