How To Create TapView

                                       


Step 1:

activity_taps.xml

<?xml version="1.0" encoding="utf-8"?>

<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"

    xmlns:app="http://schemas.android.com/apk/res-auto"

    android:layout_width="match_parent"

    xmlns:tools="http://schemas.android.com/tools"

    android:orientation="vertical"

    android:layout_height="match_parent">
 
    <android.support.design.widget.TabLayout

        android:id="@+id/tabLayout"

        android:layout_width="match_parent"

        android:layout_height="wrap_content"

        android:background="@color/colorLiteGreen">
    </android.support.design.widget.TabLayout>

    <android.support.v4.view.ViewPager

        android:id="@+id/viewPager"

        android:layout_width="match_parent"

        android:layout_height="match_parent" />
</LinearLayout>

Step 2:

TapViewActivity.java

public class TapViewActivity  extends AppCompatActivity {
    TabLayout tabLayout;
    ViewPager viewPager;
    ImageView im_arrow;
    @Override    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_taps);

        tabLayout=(TabLayout)findViewById(R.id.tabLayout);
        viewPager=(ViewPager)findViewById(R.id.viewPager);
        im_arrow=(ImageView)findViewById(R.id.im_arrow);

        tabLayout.addTab(tabLayout.newTab().setText("Tap1"));
        tabLayout.addTab(tabLayout.newTab().setText("Tap2"));
        tabLayout.addTab(tabLayout.newTab().setText("Tap3"));
        tabLayout.setTabGravity(TabLayout.GRAVITY_FILL);


        im_arrow.setOnClickListener(new View.OnClickListener() {
            @Override            public void onClick(View v) {
                finish();
            }
        });

        final ViewPagerAdapter adapter = new ViewPagerAdapter(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) {

            }
        });

    }
}

Step 3:

Tap1.java


public class Tap1 extends Fragment {

    LinearLayout ly1,ly2;
    public ApprovedTap() {
        // Required empty public constructor    }

    @Override    public View onCreateView(LayoutInflater inflater, ViewGroup container, Bundle savedInstanceState) {
        final View view = inflater.inflate(R.layout.tap1, container, false);

        // Inflate the layout for this fragment   
     return view;

    }}

Step 4:

Tap2.java


public class Tap2 extends Fragment {

    LinearLayout ly1,ly2;
    public ApprovedTap() {
        // Required empty public constructor    }

    @Override    public View onCreateView(LayoutInflater inflater, ViewGroup container, Bundle savedInstanceState) {
        final View view = inflater.inflate(R.layout.tap2, container, false);

        // Inflate the layout for this fragment 
       return view;

    }}

Step 5:

Tap3.java


public class Tap3 extends Fragment {

    LinearLayout ly1,ly2;
    public ApprovedTap() {
        // Required empty public constructor    }

    @Override    public View onCreateView(LayoutInflater inflater, ViewGroup container, Bundle savedInstanceState) {
        final View view = inflater.inflate(R.layout.tap3, container, false);

        // Inflate the layout for this fragment  
     return view;

    }}

Step 6:

tap1.xml

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:orientation="vertical"
 android:layout_width="match_parent"
    android:layout_height="match_parent">

    <LinearLayout
        android:layout_width="match_parent"
        android:layout_height="match_parent"
        android:layout_weight="2"
        android:gravity="center|left">
        <TextView 
           android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:text="Tap 1"
            android:layout_marginLeft="20dp"
            android:textColor="@color/colorDarkGreen"
            android:textSize="20dp"/>
    </LinearLayout>
</LinearLayout>

Step 7:

tap2.xml

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:orientation="vertical"
 android:layout_width="match_parent"
android:layout_height="match_parent">

    <LinearLayout
        android:layout_width="match_parent"
        android:layout_height="match_parent"
        android:layout_weight="2"
        android:gravity="center|left">
        <TextView     
       android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:text="Tap 2"
            android:layout_marginLeft="20dp"
            android:textColor="@color/colorDarkGreen"
            android:textSize="20dp"/>
    </LinearLayout>
</LinearLayout>

Step 8:

tap3.xml

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:orientation="vertical"
 android:layout_width="match_parent"
    android:layout_height="match_parent">

    <LinearLayout
        android:layout_width="match_parent"
        android:layout_height="match_parent"
        android:layout_weight="2"
        android:gravity="center|left">
        <TextView 
           android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:text="Tap 3"
            android:layout_marginLeft="20dp"
            android:textColor="@color/colorDarkGreen"
            android:textSize="20dp"/>
    </LinearLayout>
</LinearLayout>