본문 바로가기

ViewPager23

[Android/Kotlin] 안드로이드 ViewPager2 인트로 화면 with Navigation Component 안녕하세요. 오늘은 ViewPager2를 사용하여 Intro 화면을 만드는 방법에 대해서 알아보겠습니다. 인트로 화면은 앱을 처음 실행할때 앱의 간단한 사용에 대해서 설명해주는 페이지입니다. 최초 실행시만 보여지고, 그 이후에는 사용자가 볼 수 없도록 구현해 보도록 하겠습니다. 완성된 모습은 아래와 같습니다. 인트로 화면을 구현하기 위해서 Navigation Component를 사용했습니다. 프로젝트의 전반적인 구조는 아래와 같습니다. 액티비티는 MainActivity 하나만 존재합니다. 메인 액티비티 안에서 Fragment 간의 상호작용이 발생하고, 이는 Navigation Component를 사용하여 구현할 예정입니다. SplashFragment 에서 Splash화면을 로딩해주고, 만약 최초 실행이라.. 기리's Android 이야기 2021. 2. 6.
[Android/Java] 안드로이드 ViewPage2 무한 이미지 슬라이딩 구현하기 오늘은 ViewPager2를 이용해서 무한 이미지 슬라이딩을 구현해보도록 하겠습니다. 완성된 모습은 아래와 같습니다. Step01. build.gradle 추가하기 ViewPager2는 material Library에 추가되어 있으므로 material 라이브러리가 추가 되어 있어야합니다. 추가적으로 이미지로딩을 위해 Glide Library를 추가해줍니다. implementation 'com.google.android.material:material:1.2.1' // Glide implementation 'com.github.bumptech.glide:glide:4.11.0' annotationProcessor 'com.github.bumptech.glide:compiler:4.11.0' Step02. .. 기리's Android 이야기 2021. 1. 15.
[Android/Java] 안드로이드 ViewPager2 이미지 슬라이드 만들기 이미지 슬라이드는 온라인 쇼핑몰에서 고객에게 다양한 상품이미지를 보여줄때 흔히 사용됩니다. 이를 구현하기 위해 ViewPager2를 사용하도록 하겠습니다. 완성된 모습은 다음과 같습니다. Gradle 추가 ViewPager2를 사용하기 위해 Gradle에 아래와 같이 Dependency를 추가해줘야 합니다. 추가로 이미지 로딩을 위해 Glide 라이브러리를 추가했습니다. dependencies { // ViewPager2 implementation "androidx.viewpager2:viewpager2:1.0.0" // Glide implementation 'com.github.bumptech.glide:glide:4.9.0' annotationProcessor 'com.github.bumptech.g.. 기리's Android 이야기 2020. 11. 11.