본문 바로가기

뷰페이저3

[Kotlin][Android] 뷰페이저를 사용하여 화면 슬라이드 기능 만들기 뷰페이저를 사용해서 화면 슬라이드 기능를 만들어 보겠습니다. 뷰페이저(ViewPager)란? 데이터를 페이지 단위로 표시하고, 좌/우 슬라이드를 통해 페이지를 전환할 수 있도록 만들어주는 컨테이너입니다. 자체적으로 화면을 그리는 기능을 가지지는 않고, 여러 종류의 뷰(View) 위젯을 사용하여 각 뷰페이저의 페이지를 구성합니다. 참고) 안드로이드 개발자 문서 - developer.android.com/training/animation/screen-slide-2 빌드 스크립트 설정 뷰페이저를 사용하기 위해 맨 아래에 보이는 의존성 설정을 추가 해주고, sync Now를 누르면 라이브러리 추가가 완료됩니다. implementation 'androidx.viewpager2:viewpager2:1.0.0' 다음.. 2021. 4. 28.
[Java][Android]안드로이드 뷰페이저 / 텝 레이아웃 만들기 이번 포스팅에서 다룰 것은 뷰페이저/텝레이아웃으로 구성되어진 화면 만들기입니다. 뷰페이저(ViewPager)란? 데이터를 페이지 단위로 표시하고, 좌/우 슬라이드를 통해 페이지를 전환할 수 있도록 만들어주는 컨테이너입니다. 자체적으로 화면을 그리는 기능을 가지지는 않고, 여러 종류의 뷰(View) 위젯을 사용하여 각 뷰페이저의 페이지를 구성합니다. 텝 레이아웃(TabLayout) 이란? 뷰 페이저와 연동하여 뷰 페이저의 페이지들의 메뉴처럼 사용할 수 있습니다. 완성될 화면 결과 화면에서 보았듯이 홈 ,채팅 ,마이페이지를 슬라이드 또는 메뉴 선택을 통한 페이지전환을 구현해보도록 하겠습니다. 전반적인 코드는 스틱코드에서 쉽게 확인하고 가져와서 구현 하실 수 있습니다! 아래 링크를 통해 참고하여 진행 해주세요.. 2021. 2. 26.
[Java][Android] 안드로이드 뷰페이저 오늘은 안드로이드 뷰페이저를 구현해보겠습니다. build.gradle에 추가 //viewpager2 implementation 'androidx.viewpager2:viewpager2:1.0.0-alpha04' xml에 뷰페이저를 추가 뷰페이저를 띄울 액티비티의 xml에 뷰페이저를 추가해줍니다. activity_viewpager.xml 뷰 페이저에 들어갈 아이템 XML 정의 텍스트뷰 하나가 포함된 간단한 아이템을 만들었습니다. viewpager_item.xml 뷰 페이저 어댑터 구현 뷰 페이저2의 어댑터는 리사이클러뷰의 어댑터를 구현하는것과 같습니다. 아래의 어댑터와 같은 형식은 많이 쓰이는 형식이므로 스틱코드에 등록해놓고 한 번에 불러와서 필요부분만 수정해서 쓰는 식으로 빠르게 구현할 수 있습니다. s.. 2021. 2. 17.