본문 바로가기

ViewPager3

[Android] 카카오톡 페이지 만들기(PagerSlidingTabStrip + Viewpager) 안드로이드 개발자 유혁입니다. 이전에 Viewpager와 FragmentTabhost를 이용한 카카오톡 페이지를 만들어 보았습니다. 위 두 가지 방식은 카카오톡 페이지라고 하기에 2%부족한 느낌을 주는 방식이였습니다. ViewPager는 현재 상태의 대한 띠가 없고, FragmentTabhost는 좌우 스크롤이 안되는 맛있어보이지만 맛없는 느낌을 주었습니다. 이번에 포스팅하는 카카오톡 페이지는 오픈소스로 이루어진 PagerSlidingTabStrip + Viewpager를 이용하여 실제 카카오톡과 비슷한 환경으로 제작을 해 보겠습니다. 결과 1. build.gradle(Module:app) 라이브러리 추가. compile 'com.astuetz:pagerslidingtabstrip:1.0.1' Sync .. 2017. 9. 12.
[Android] FragmentTabhost를 이용한 카카오톡 페이지 만들기 안녕하세요. 지난시간에 ViewPager를 이용해 카카오톡 페이지를 만들어 보았습니다. ViewPager는 간단하고 구현이 편리하다는 장점이 있습니다. 카카오톡 페이지의 모든 면을 보여준 것 같지만 그렇지 않습니다. 카카오톡 페이지는 상단 버튼 부분에 아래 현재 위치한 Contents의 위치를 보여주는 상태바가 존재합니다. ViewPager는 이 기능을 지원하지 않습니다. 개인이 능력이 되서 클릭할때 표시는 가능하겠으나 구현되어있는 오픈소스도 존재하며 편리하게 사용이 가능하게 많이 제공되고 있습니다. 오늘 포스팅 내용은 안드로이드에서 FragmentTabhost를 이용하여 카카오톡 페이지를 만들어 보겠습니다. FragmentTabhost는 위치하고있는 fragment Activity를 보여줍니다. 글로 .. 2017. 9. 8.
[Android] ViewPager를 이용한 카카오톡 페이지 만들기 안녕하세요. 카카오톡 UI처럼 View를 꾸미고 싶을때 ViewPager를 많이 사용합니다. (저는 ViewPager보다는 ViewPager Indicator 를 추천합니다.) 간단하게 만들기에는 ViewPager를 사용하면 편리합니다. 퀄리티를 비교하자면 낮지만 간단하기에 자주 사용됩니다. 1. Fragment Layout을 3개 생성합니다. fragment_one.xml fragment_two.xml fragment_three.xml 2. 각각 Fragment를 생성합니다. FirstFragment.classpublic class FirstFragment extends android.support.v4.app.Fragment { public FirstFragment() { } @Override pub.. 2017. 8. 14.