[2017.09.28] 25. ViewPager 실습[Fragment 사용]

도입

이전 포스팅(http://heepie.tistory.com/107)에 이어 이번엔 Viewpager를 Fragment와 함께 사용하는 실습을 해보자.

아래 그림과 같이 구글 공식 홈페이지에서도 ViewPager는 대부분 Fragment와 결합하여 사용한다고 한다.

(출처 - https://developer.android.com/reference/android/support/v4/view/ViewPager.html)

실습

MainActivity

public class MainActivity extends AppCompatActivity {
    private ViewPager viewPager;
    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_main);
 
        viewPager = (ViewPager) findViewById(R.id.viewpager);
 
        List<Fragment> data = new ArrayList<>();
        data.add(new HelloFragment());
        data.add(new YoloFragment());
        data.add(new HeepieFragment());
        data.add(new CarpeFragment());
 
        FragmentAdapter adapter = new FragmentAdapter(getSupportFragmentManager(), data);
        viewPager.setAdapter(adapter);
    }
}

Fragment는 기본 Fragment로 생성 후 xml에 해당 값만 입력

CustomAdapter 

public class CustomAdapter extends FragmentStatePagerAdapter {
    List<Fragment> data;
 
    public FragmentAdapter(FragmentManager fm, List<Fragment> data) {
        super(fm);
        this.data = data;
    }
 
 
    @Override
    public Fragment getItem(int position) {
        return data.get(position);
    }
 
    @Override
    public int getCount() {
        return data.size();
    }
}

스크린 샷

View를 사용했을 때와 같은 결과를 얻을 수 있다.

#view pager #viewpager #뷰 페이저 #뷰 페이저 개념 #안드로이드 뷰페이저 #뷰페이저 프레그먼트