Add a View Pager and Add Tab Layout

View Pagers have built-in swipe gestures to transition through pages, and they display screen slide animations by default, so you don't need to create your own animation. View Pager uses Pager Adapters as a supply for new pages to display, so the Pager Adapter will use the fragment class that you created earlier. To begin, create a layout that contains a View Pager:

activity_main.xml
<?xml version="1.0" encoding="utf-8"?> <relativelayout xmlns:android="http://schemas.android.com/apk/res/android" xmlns:app="http://schemas.android.com/apk/res-auto" xmlns:tools="http://schemas.android.com/tools" android:layout_width="match_parent" android:layout_height="match_parent" tools:context=".MainActivity"> <android.support.design.widget.TabLayout android:layout_width="match_parent" android:layout_height="wrap_content" android:id="@+id/tabs" android:background="#ffff8d" app:tabGravity="fill" app:tabMode="fixed"> </android.support.design.widget.TabLayout> <android.support.v4.view.ViewPager android:layout_width="match_parent" android:layout_height="match_parent" android:id="@+id/viewpager" android:layout_below="@+id/tabs"> </android.support.v4.view.ViewPager> </RelativeLayout>

Create a layout file that you'll later use for the content of a fragment. You also need to define a string for the contents of the fragment. The following example contains a text view to display some text:

first.xml

<?xml version="1.0" encoding="utf-8"?> <LinearLayout xmlns:android="http://schemas.android.com/apk/res/android" android:layout_width="match_parent" android:layout_height="match_parent"> <TextView android:layout_width="match_parent" android:textStyle="bold" android:textSize="40sp" android:layout_height="match_parent" android:text="One"/> </LinearLayout>

Create a layout file that you'll later use for the content of a fragment. You also need to define a string for the contents of the fragment. The following example contains a text view to display some text:

second.xml
<?xml version="1.0" encoding="utf-8"?> <android.support.constraint.ConstraintLayout xmlns:android="http://schemas.android.com/apk/res/android" android:layout_width="match_parent" android:layout_height="match_parent"> <TextView android:layout_width="match_parent" android:layout_height="match_parent" android:textStyle="bold" android:textSize="40sp" android:text="Second"/> </android.support.constraint.ConstraintLayout>

Create a layout file that you'll later use for the content of a fragment. You also need to define a string for the contents of the fragment. The following example contains a text view to display some text:

third.xml

<?xml version="1.0" encoding="utf-8"?> <android.support.constraint.ConstraintLayout xmlns:android="http://schemas.android.com/apk/res/android" android:layout_width="match_parent" android:layout_height="match_parent"> <TextView android:layout_width="match_parent" android:layout_height="match_parent" android:textStyle="bold" android:textSize="40sp" android:text="Third"/> </android.support.constraint.ConstraintLayout>


MainActivity.java
package com.example.shubhamkadam.tabview; import android.os.Bundle; import android.support.design.widget.TabLayout; import android.support.v4.app.Fragment; import android.support.v4.app.FragmentManager; import android.support.v4.app.FragmentPagerAdapter; import android.support.v4.view.ViewPager; import android.support.v7.app.AppCompatActivity; import java.util.ArrayList; import java.util.List; public class MainActivity extends AppCompatActivity { ViewPager viewPager; TabLayout tabLayout; @Override protected void onCreate(Bundle savedInstanceState) { super.onCreate(savedInstanceState); setContentView(R.layout.activity_main); viewPager=(ViewPager)findViewById(R.id.viewpager); setupViewpager(viewPager); tabLayout = (TabLayout) findViewById(R.id.tabs); tabLayout.setupWithViewPager(viewPager); } private void setupViewpager(ViewPager viewPager) { ViewPagerAdapter adapter=new ViewPagerAdapter(getSupportFragmentManager()); adapter.addFragment(new FirstFrag(),"first"); adapter.addFragment(new SecondFrag(),"second"); adapter.addFragment(new ThirdFrag(),"third"); viewPager.setAdapter(adapter); } class ViewPagerAdapter extends FragmentPagerAdapter { private final List<fragment> mFragmentList = new ArrayList<>(); private final List<string> mFragmentTitleList=new ArrayList<>(); public ViewPagerAdapter(FragmentManager manager) { super(manager); } @Override public Fragment getItem(int position) { return mFragmentList.get(position); } @Override public int getCount() { return mFragmentList.size(); } public void addFragment(Fragment fragment, String title) { mFragmentList.add(fragment); mFragmentTitleList.add(title); } public CharSequence getPageTitle(int position){ return mFragmentTitleList.get(position); } } }

Create a Fragment class that returns the layout that you just created in the onCreateView() method.
You can then create instances of this fragment in the parent activity whenever you need a new page
to display to the user

FirstFrag.java
package com.example.shubhamkadam.tabview; import android.os.Bundle; import android.support.annotation.Nullable; import android.support.v4.app.Fragment; import android.view.LayoutInflater; import android.view.View; import android.view.ViewGroup; public class FirstFrag extends Fragment{ @Nullable @Override public View onCreateView(LayoutInflater inflater, @Nullable ViewGroup container, @Nullable Bundle savedInstanceState) { View v=inflater.inflate(R.layout.first,container,false); return v; } }

Create a Fragment class that returns the layout that you just created in the onCreateView() method.
You can then create instances of this fragment in the parent activity whenever you need a new page
to display to the user

SecondFrag.java
package com.example.shubhamkadam.tabview; import android.os.Bundle; import android.support.annotation.NonNull; import android.support.annotation.Nullable; import android.support.v4.app.Fragment; import android.view.LayoutInflater; import android.view.View; import android.view.ViewGroup; public class SecondFrag extends Fragment{ @Nullable @Override public View onCreateView(@NonNull LayoutInflater inflater, @Nullable ViewGroup container, @Nullable Bundle savedInstanceState) { View v=inflater.inflate(R.layout.second,container,false); return v; } }

Create a Fragment class that returns the layout that you just created in the onCreateView() method.
You can then create instances of this fragment in the parent activity whenever you need a new page
to display to the user

ThirdFrag.java

package com.example.shubhamkadam.tabview; import android.os.Bundle; import android.support.annotation.NonNull; import android.support.annotation.Nullable; import android.support.v4.app.Fragment; import android.view.LayoutInflater; import android.view.View; import android.view.ViewGroup; public class ThirdFrag extends Fragment { @Nullable @Override public View onCreateView(@NonNull LayoutInflater inflater, @Nullable ViewGroup container, @Nullable Bundle savedInstanceState) { View v = inflater.inflate(R.layout.third,container,false); return v; } }