Understand the ViewPager and Tablayout in Android Support Library V4
Android Support Library is a software development library for supporting the old version of the Android system.Among them, the V4 library is one of the most commonly used libraries, providing many practical components and functions, including ViewPager and Tablayout.
ViewPage is a user interface component that allows users to slide horizontally between different pages.It is usually used to create a sliding page containing multiple fragments (Fragments).To use ViewPager, you need to add a ViewPager element to the layout file and create a Pageradapter adapter to manage the content of different pages.The following is the layout file of an example:
<androidx.viewpager.widget.ViewPager
android:id="@+id/viewPager"
android:layout_width="match_parent"
android:layout_height="match_parent" />
You can then bind ViewPages with different fragments with the Pageradapter adapter.Here are the adapter class of an example:
public class MyPagerAdapter extends FragmentPagerAdapter {
private List<Fragment> fragments;
public MyPagerAdapter(FragmentManager fm, List<Fragment> fragments) {
super(fm);
this.fragments = fragments;
}
@Override
public Fragment getItem(int position) {
return fragments.get(position);
}
@Override
public int getCount() {
return fragments.size();
}
}
Finally, combine the adapter with the viewPager to display different clips pages:
ViewPager viewPager = findViewById(R.id.viewPager);
List<Fragment> fragments = new ArrayList<>();
fragments.add(new Fragment1());
fragments.add(new Fragment2());
fragments.add(new Fragment3());
MyPagerAdapter adapter = new MyPagerAdapter(getSupportFragmentManager(), fragments);
viewPager.setAdapter(adapter);
Tablayout is a user interface component for display labels (TABS) on the top of the page, which is usually used with ViewPager.It provides a tag bar that is easy to navigate, allowing users to quickly switch different pages by clicking on the label.To use Tablayout, you need to add a Tablayout element to the layout file and associate it with ViewPager.The following is the layout file of an example:
<com.google.android.material.tabs.TabLayout
android:id="@+id/tabLayout"
android:layout_width="match_parent"
android:layout_height="wrap_content" />
Then, get Tablayout instances in the code and bind it to ViewPager:
TabLayout tabLayout = findViewById(R.id.tabLayout);
tabLayout.setupWithViewPager(viewPager);
Next, you can create labels by adding Tablayout.tab objects, and set their text or icons:
TabLayout.Tab tab1 = tabLayout.newTab().setText("Tab 1");
tabLayout.addTab(tab1);
TabLayout.Tab tab2 = tabLayout.newTab().setText("Tab 2");
tabLayout.addTab(tab2);
TabLayout.Tab tab3 = tabLayout.newTab().setText("Tab 3");
tabLayout.addTab(tab3);
When the user clicks the label, the viewPager will automatically switch to the corresponding page.
The above is a brief introduction about ViewPager and Tablayout in Android Support Library V4.By using these two components, you can easily implement the sliding page and labeling navigation functions to enhance your Android application user experience.
