---
title: "What is ViewPager?"
description: "What is ViewPager?"
author: "Prateek sharma"
published: 2018-04-06
updated: 2018-04-19
canonical: https://answers.mindstick.com/qa/40980/what-is-viewpager
category: "technology"
tags: ["android"]
reading_time: 5 minutes
---
# What is ViewPager?
What is ViewPager?
## Answers
### Answer by Arti Mishra
**ViewPager in Android:**ViewPager is a **class and UI widgets** in android that allow the user to **swipe the page left to right or right to left** to see an entirely new screen. ViewPager provide a facility to **dynamically add** **and** **remove pages** at any time on your project. It is very useful for showing multiple tabs on your android screen. If you have using ViewPager then you have to keep the knowledge of Fragment and PagerAdapters and TabLayout. Here, we are implementing a ViewPager Example using View and Adapter classes. **Android ViewPager File Structure Example** **\** **Android ViewPager Example:****\** **activity_main.java****\**
```
```
**\****ActivityMain.java**
```
package com.example.msclient009.tablayoutexample;import android.support.design.widget.TabLayout;import android.support.v4.view.ViewPager;import android.support.v7.app.AppCompatActivity;import android.os.Bundle;public class MainActivity extends AppCompatActivity { TabLayout tabLayout; ViewPager viewPager; @Override protected void onCreate(Bundle savedInstanceState) { super.onCreate(savedInstanceState); setContentView(R.layout.activity_main); tabLayout=(TabLayout)findViewById(R.id.tabLayout); viewPager=(ViewPager)findViewById(R.id.viewPager); tabLayout.addTab(tabLayout.newTab().setText("Home")); tabLayout.addTab(tabLayout.newTab().setText("About")); tabLayout.addTab(tabLayout.newTab().setText("Contact")); tabLayout.setTabGravity(TabLayout.GRAVITY_FILL); final MyAdapter adapter = new MyAdapter(this,getSupportFragmentManager(), tabLayout.getTabCount()); viewPager.setAdapter(adapter); viewPager.addOnPageChangeListener(new TabLayout.TabLayoutOnPageChangeListener(tabLayout)); tabLayout.addOnTabSelectedListener(new TabLayout.OnTabSelectedListener() { @Override public void onTabSelected(TabLayout.Tab tab) { viewPager.setCurrentItem(tab.getPosition()); } @Override public void onTabUnselected(TabLayout.Tab tab) { } @Override public void onTabReselected(TabLayout.Tab tab) { } }); } }
```
**\****MyAdapter.java**
```
package com.example.msclient009.tablayoutexample;import android.content.Context;import android.support.v4.app.Fragment;import android.support.v4.app.FragmentPagerAdapter;import android.support.v4.app.FragmentManager;public class MyAdapter extends FragmentPagerAdapter { private Context myContext; int totalTabs; public MyAdapter(Context context, FragmentManager fm, int totalTabs) { super(fm); myContext = context; this.totalTabs = totalTabs; } // this is for fragment tabs @Override public Fragment getItem(int position) { switch (position) { case 0: HomeFragment homeFragment = new HomeFragment(); return homeFragment; case 1: AboutFragment aboutFragment = new AboutFragment(); return aboutFragment; case 2: ContactFragment contactFragment = new ContactFragment(); return contactFragment; default: return null; } } // this counts total number of tabs @Override public int getCount() { return totalTabs; }}
```
**\****home_fragment.xml**
```
```
**\****HomeFragment.java**
```
package com.example.msclient009.tablayoutexample;import android.os.Bundle;import android.support.v4.app.Fragment;import android.view.LayoutInflater;import android.view.View;import android.view.ViewGroup;public class HomeFragment extends Fragment { public HomeFragment() { } @Override public View onCreateView(LayoutInflater inflater, ViewGroup container, Bundle savedInstanceState) { // Inflate the layout for this fragment View mView = inflater.inflate(R.layout.home_fragment,container, false); return mView; }}
```
**\****about_fragment.xml**
```
```
**\****AboutFragment.java**
```
package com.example.msclient009.tablayoutexample; import android.os.Bundle; import android.support.v4.app.Fragment; import android.view.LayoutInflater; import android.view.View; import android.view.ViewGroup;public class AboutFragment extends Fragment { public AboutFragment() { } @Override public View onCreateView(LayoutInflater inflater, ViewGroup container, Bundle savedInstanceState) { // Inflate the layout for this fragment View mView = inflater.inflate(R.layout.about_fragment,container, false); return mView; }}
```
**\****contact_fragment.xml**
```
```
**\****ContactFragment.java**
```
package com.example.msclient009.tablayoutexample;import android.os.Bundle;import android.support.v4.app.Fragment;import android.view.LayoutInflater;import android.view.View;import android.view.ViewGroup;public class ContactFragment extends Fragment { public ContactFragment() { } @Override public View onCreateView(LayoutInflater inflater, ViewGroup container, Bundle savedInstanceState) { // Inflate the layout for this fragment View mView = inflater.inflate(R.layout.contact_fragment,container, false); return mView; }}
```
\
**string.xml**
```
TabLayoutExample Home Fragment About Fragment Contact Fragment
```
\
**Output:** \
---
Original Source: https://answers.mindstick.com/qa/40980/what-is-viewpager
Copyright © MindStick Software Pvt. Ltd. This Markdown version is provided for developers, AI systems, and offline reading.