안드로이드 개발 팁 #37 - 내비게이션 활용하여 프래그먼트간 이동

DB Browser for SQLite 사용법

---

시작하며…

4개월만에 안드로이드 개발 팁 포스팅을 다시 시작하네요. 그간 배운게 없었던 건 아닌데, 제가 게을러서 글을 못 적고 있었습니다. 이제라도 적어야죠. 이번 포스트에서는 Jetpack이 제공하는 내비게이션 라이브러리를 활용하여 프래그먼트간 이동 방법에 대해 정리해보려 합니다.

---

가정

• 프로젝트에 바텀 내비게이션 액티비티가 현재 추가 되어 있음
• F1: 이동을 실행할 프래그먼트
• F2: 이동할 프래그먼트
• 내비게이션 XML 파일에는 F1 프래그먼트가 이미 추가되어 있음

---

방법 개요

• 내비게이션 XML 파일에 이동할 프래그먼트 추가
• 프래그먼트 이동 구현

---

내비게이션 XML 파일에 이동할 프래그먼트 추가

(1) 현재 개발 중인 모듈(프로젝트 생성 직후에는 app 모듈만 있음)에 이동할 프래그먼트 F2 추가

(2) 내비게이션 XML 파일에 F2 요소 추가

• android:id - 프래그먼트 고유 아이디
• android:name - 프래그먼트의 패키지 및 클래스 이름
• android:label - 사용자가 식별할 수 있는 이름 (내비게이션에 직접적 영향은 없음)
• tools:layout - 내비게이션 파일의 디자인 화면에서 보여줄 프래그먼트의 레이아웃

<fragment
    android:id="@+id/navigation_f2"
    android:name="lee.dorian.sample.F2Fragment"
    android:label="F2"
    tools:layout="@layout/fragment_f2">
</fragment>

(3) 내비게이션 XML 파일의 F1 프래그먼트 요소 안에 action 요소 추가

• android:id - 액션 식별용 아이디
• app:destination - 이동할 프래그먼트의 아이디

<fragment
    android:id="@+id/navigation_f1"
    android:name="lee.dorian.sample.F1Fragment"
    android:label="F1"
    tools:layout="@layout/fragment_f1">
    <action
        android:id="@+id/action_navigation_f1_to_navigation_f2"
        app:destination="@id/navigation_f2" />
</fragment>

---

프래그먼트 F1에서 이동 실행 코드 작성

아래 코드는 버튼 클릭시 F2 프래그먼트로 이동 실행

private val sampleOnClickListener = View.OnClickListener {
    val navController = findNavController()
    val action = F1FragmentDirections.actionNavigationF1ToNavigationF2()
    navController.navigate(action)
}

---

참고 링크

• 탐색 구성요소 정보
• 탐색 구성요소 시작하기
• NavigaionUI로 UI 구성요소 업데이트
• 대상간 데이터 전달

---

지난 안드로이드 개발 팁

• #36 - DB Browser for SQLite에서 쿼리 실행 방법
• #35 - DB Browser for SQLite 사용법
• #34 - SQLite 데이터베이스 도구 DB Browser for SQLite 다운로드
• #33 - adb 명령어 사용을 위한 PATH 환경 변수 설정
• #32 - 코틀린 언어로 구현한 확장 함수를 자바 코드에서 호출하는 방법
• #31 - UTC 시간을 지역 시간으로 변환하는 함수
• #30 - Collection, MutableCollection 연산 확장 함수 filter, count, indexOfFirst, sortWith, sortedWith
• #29 - 프로젝트에 벡터 이미지 추가하기
• #28 - JSON 자료를 데이터 클래스로 자동 변환하는 방법
• #27 - 페이스북 로그인이 안 되는 문제
• #26 - 레이아웃 XML 파일에 이모지 문자 넣는 방법
• #25 - TED permission 라이브러리를 활용한 권한 요청
• #24 - EditText 뷰에 텍스트 입력하고 0.5초 후 액션 설정
• #23 - Uri 객체로부터 읽은 파라메터에서 '+' 문자가 ' '로 바뀌어 있는 문제
• #22 - RxJava 활용하여 몇초 후 코드 실행
• #21 - 맥북 아이클라우드로 프로젝트 복사 후 빌드 안 되는 문제
• #20 - 툴바 정의 방법 (1) 타이틀 및 배경색 설정
• #19 - Index corrupted 오류
• #18 - 오래된 프로젝트의 build.gradle 파일 수정
• #17 - 뷰 바인딩 적용된 프래그먼트에 데이터 바인딩 적용 후 빌드시 발생하는 오류
• #16 - 특정 일이 속하는 주의 모든 날짜를 배열로 구하는 방법
• #15 - RecyclerView에 리스트를 로딩한 후 처리할 일 작성
• #14 - RecyclerView 뷰에서 항목 클릭시 뷰가 깜빡이는 문제
• #13 - 공통으로 사용할 색상 리소스 만들고 뷰에 적용
• #12 - 코틀린 언어 변환시 추가로 수정할 build.gradle 파일들
• #11 - 리스트/배열로부터 찾을 원소의 위치 읽기
• #10 - 앱의 다크 모드 진입 막는 방법
• #9 - 데이터 바인딩/뷰 바인딩 사용하지 않을 경우 자체적으로 만드는 Views 클래스
• #8 - TextView에 linear gradient color 적용하기
• #7 - 다이얼 화면 연결하기 위해 Activity 클래스의 확장 메소드 작성
• #6 - 웹 브라우저를 여는 확장 메소드 작성
• #5 - HTML 적용된 TextView에서 링크 클릭은 어떻게 구현?
• #4 - RxJava의 Observable, Single 객체의 기본 설정 수행 메소드 정의하기
• #3 - 특정 화면 이동시 다른 화면 모두 닫기
• #2 - HTML 이스케이핑 적용된 문자 풀어주기
• #1 - TextView로 HTML 내용 보여주기

---