수정하기 - ViewPager 내부에서 Fragment를 사용한 아키텍처 구성하기.

닉네임

비밀번호

제목

내용 [이미지 업로드는 권한이 있는 사람만 가능. 하단 카톡으로 연락]

View<a href='https://sangseek.com/sangseeks/P/ko'>P</a>ager를 사용하여 Fragment를 전환하는 아키텍처를 구성하는 것은 Android <a href='https://sangseek.com/sangseeks/애플/ko'>애플</a>리케이션 개발에서 매우 일반적입니다. 이를 통해 사용자가 여러 화면을 슬라이드 방식으로 탐색할 수 있습니다. 이 글에서는 ViewPager와 Fragment를 활용한 기본적인 아키텍처 <a href='https://sangseek.com/sangseeks/구성 방법/ko'>구성 방법</a>을 설명하겠습니다.           1. 기본 프로젝트 설정  Android Studio에서 새 프로젝트를 생성한 후, `build.gradle` 파일에서 필요한 라이브러리를 추가합니다. 일반적으로 `AndroidX`의 `ViewPager2`를 사용하는 것을 추천합니다.    ```groovy  dependencies {      implementation 'androidx.viewpager2:viewpager2:1.0.0'      implementation 'androidx.fragment:fragment:1.3.6'  }  ```           2. 레이아웃 파일 작성  MainActivity의 레이아웃 파일에서 `ViewPager2`를 추가합니다.    ```xml    <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=".MainActivity">        <androidx.viewpager2.widget.ViewPager2          android:id="@+id/viewPager"          android:layout_width="match_parent"          android:layout_height="match_parent"          app:layout_constraintTop_toTopOf(parent)          app:layout_constraintBottom_toBottomOf(parent)          app:layout_constraintStart_toStartOf(parent)          app:layout_constraintEnd_toEndOf(parent) />    </androidx.constraintlayout.widget.ConstraintLayout>  ```           3. Fragment 생성  여러 개의 Fragment 클래스를 만듭니다. 예를 들어, 세 개의 Fragment를 만들어 보겠습니다.    ```kotlin  // FirstFragment.kt  class FirstFragment : Fragment(R.layout.fragment_first) // layout 파일 작성 필요    // SecondFragment.kt  class SecondFragment : Fragment(R.layout.fragment_second) // layout 파일 작성 필요    // ThirdFragment.kt  class ThirdFragment : Fragment(R.layout.fragment_third) // layout 파일 작성 필요  ```           4. FragmentAdapter 생성  ViewPager에 Fragment를 연결하기 위해 `FragmentStateAdapter`를 구현한 Adapter 클래스를 생성합니다.    ```kotlin  class ViewPagerAdapter(activity: <a href='https://sangseek.com/sangseeks/FragmentActivity/ko'>FragmentActivity</a>) : FragmentStateAdapter(activity) {      override fun getItemCount(): Int = 3 // Fragment 수        override fun createFragment(position: Int): Fragment {          return when (position) {              0 -> FirstFragment()              1 -> SecondFragment()              2 -> ThirdFragment()              else -> throw IllegalStateException("Unexpected position $position")          }      }  }  ```           5. MainActivity 설정  `ViewPager2`에 Adapter를 설정하여 ViewPager가 Fragment를 표시하게 합니다.    ```kotlin  class MainActivity : AppCompatActivity() {      private lateinit var viewPager: ViewPager2        override fun onCreate(savedInstanceState: Bundle?) {          super.onCreate(savedInstanceState)          setContentView(R.layout.activity_main)            viewPager = findViewById(R.id.viewPager)          val adapter = ViewPagerAdapter(this)          viewPager.adapter = adapter      }  }  ```           6. Fragment 레이아웃 작성  각 Fragment에 대한 레이아웃 파일을 작성합니다.    ```xml    <LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"      android:layout_width="match_parent"      android:layout_height="match_parent"      android:orientation="vertical">            <TextView          android:layout_width="wrap_content"          android:layout_height="wrap_content"          android:text="First Fragment" />  </LinearLayout>  ```    이와 같이 `fragment_second.xml`과 `fragment_third.xml`도 작성합니다.           7. 추가적인 설정 (선택적)  -   탭 추가  : `TabLayout`과 `ViewPager2`를 함께 사용하여 탭 인터페이스를 구현할 수 있습니다.  -   상태 관리  : `ViewModel`을 사용하여 데이터를 공유하고 상태를 관리할 수 있습니다.  -   애니메이션  : Fragment 전환 시 애니메이션을 추가하여 사용자 경험을 향상시킬 수 있습니다.    이로써 ViewPager 내부에서 Fragment를 사용한 기본 아키텍처 구성이 완료되었습니다. 이를 기반으로 더 복잡한 기능을 추가하여 애플리케이션을 발전시킬 수 있습니다.