[2017.09.30] 28. Viewpager와 TabLayout 연결

도입

이번에는 이전에 포스팅한 Viewpager(http://heepie.tistory.com/107)와 TabLayout(http://heepie.tistory.com/108)을 연동해 함께 사용해보자.

실습

MainActivity

public class MainActivity extends AppCompatActivity {
    private TabLayout tabLayout;
    private ViewPager viewpager;
 
    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_main);
        // ...
        connectViewpagerAndTabLayout();
        // ...
    }
    // ...
    // TabLayout과 Viewpager 연결
    private void connectViewpagerAndTabLayout() {
        tabLayout.addOnTabSelectedListener(
                new TabLayout.ViewPagerOnTabSelectedListener(viewpager)
        );
 
        viewpager.addOnPageChangeListener(
                new TabLayout.TabLayoutOnPageChangeListener(tabLayout)
        );
    }
}

Viewpager와 TabLayout의 코드는 이전 포스팅 참조!

스크린 샷

#viewpager tablayout 연결 #viewpager tablayout 연동 #viewpager tablayout