viewPager

[Chamiko]

<android.support.design.widget.TabLayout
    android:id="@+id/tabLayout"
    app:tabSelectedTextColor="@android:color/white"
    app:tabTextColor="#e0e0e0"
    android:background="@color/colorPrimary"
    android:layout_width="match_parent"
    android:layout_height="48dp">

    <android.support.design.widget.TabItem
        android:layout_width="60dp"
        android:layout_height="match_parent"
        android:text="Song"/>

    <android.support.design.widget.TabItem
        android:layout_width="60dp"
        android:layout_height="match_parent"
        android:text="Artist"/>

    <android.support.design.widget.TabItem
        android:layout_width="60dp"
        android:layout_height="match_parent"
        android:text="Album"/>

</android.support.design.widget.TabLayout>

<android.support.v4.view.ViewPager
    android:id="@+id/vp_main"
    android:layout_width="match_parent"
    android:layout_height="match_parent">

</android.support.v4.view.ViewPager>

---

public class MusicPagerAdapter extends FragmentPagerAdapter {
private String[] arrTitles = new String[]{"Song", "Artist", "Album"};
public MusicPagerAdapter(FragmentManager fm) {
    super(fm);
}

@Override
public Fragment getItem(int position) {
    switch (position) {
        case 0:
            return new SongFragment();
        case 1:
            return new ArtistFragment();
        case 2:
            return new AlbumFragment();
    }
    return null;
}

@Override
public int getCount() {
    return 3;
}

@Override
public CharSequence getPageTitle(int position) {
    return arrTitles[position];
}

}

---

public class MainActivity extends AppCompatActivity implements NavigationView.OnNavigationItemSelectedListener { private ViewPager viewPager; private TabLayout tabLayout; private MusicPagerAdapter adapter;

@Override
protected void onCreate(Bundle savedInstanceState) {
    super.onCreate(savedInstanceState);
    setContentView(R.layout.activity_main);
    Toolbar toolbar = (Toolbar) findViewById(R.id.toolbar);
    setSupportActionBar(toolbar);

    FloatingActionButton fab = (FloatingActionButton) findViewById(R.id.fab);
    fab.setOnClickListener(new View.OnClickListener() {
        @Override
        public void onClick(View view) {
            Snackbar.make(view, "Replace with your own action", Snackbar.LENGTH_LONG)
                    .setAction("Action", null).show();
        }
    });

    DrawerLayout drawer = (DrawerLayout) findViewById(R.id.drawer_layout);
    ActionBarDrawerToggle toggle = new ActionBarDrawerToggle(
            this, drawer, toolbar, R.string.navigation_drawer_open, R.string.navigation_drawer_close);
    drawer.setDrawerListener(toggle);
    toggle.syncState();

    NavigationView navigationView = (NavigationView) findViewById(R.id.nav_view);
    navigationView.setNavigationItemSelectedListener(this);

    viewPager = (ViewPager) findViewById(R.id.vp_main);
    tabLayout = (TabLayout) findViewById(R.id.tabLayout);
    adapter = new MusicPagerAdapter(getSupportFragmentManager());
    viewPager.setAdapter(adapter);
    tabLayout.setupWithViewPager(viewPager);
}
______________________________________________