change regions tab from pagertabstrip to tablayout

app/src/main/java/com/pbm/RegionsTab.java

@@ -4,6 +4,7 @@
 import android.content.SharedPreferences;
 import android.os.Bundle;
 import android.support.annotation.Nullable;
+import android.support.design.widget.TabLayout;
 import android.support.v4.app.Fragment;
 import android.support.v4.app.FragmentManager;
 import android.support.v4.app.FragmentPagerAdapter;
@@ -42,6 +43,9 @@ public void onActivityCreated(Bundle savedInstanceState) {
 
 		ViewPager viewPager = (ViewPager) getActivity().findViewById(R.id.region_pager);
 		viewPager.setAdapter(regionsPagerAdapter);
+
+		TabLayout tabLayout = (TabLayout) getActivity().findViewById(R.id.tab_layout);
+		tabLayout.setupWithViewPager(viewPager);
 	}
 
 	@Override

app/src/main/res/layout/region_tab.xml

@@ -1,5 +1,5 @@
 <?xml version="1.0" encoding="utf-8"?>
-<RelativeLayout
+<LinearLayout
     android:id="@+id/region_tab_container"
     xmlns:android="http://schemas.android.com/apk/res/android"
     android:layout_width="fill_parent"
@@ -10,27 +10,26 @@
         android:id="@+id/greeting"
         android:layout_width="wrap_content"
         android:layout_height="wrap_content"
+        android:layout_gravity="top"
         android:text="@string/select_region"
         android:textSize="18sp"
         android:textColor="@color/darkText"
         android:background="@color/white"
         android:padding="5dip" />
 
+    <android.support.design.widget.TabLayout
+        android:id="@+id/tab_layout"
+        android:background="@color/blue100"
+        android:paddingBottom="4dp"
+        android:paddingTop="4dp"
+        android:textColor="@color/red100"
+        android:layout_width="match_parent"
+        android:layout_height="wrap_content" />
     <android.support.v4.view.ViewPager
         android:id="@+id/region_pager"
         android:layout_width="fill_parent"
         android:layout_height="fill_parent"
         android:layout_below="@+id/greeting"
         android:background="@color/background"
-        android:textColor="@color/darkText">
-
-        <android.support.v4.view.PagerTabStrip
-            android:layout_width="match_parent"
-            android:layout_height="wrap_content"
-            android:layout_gravity="top"
-            android:background="@color/blue100"
-            android:paddingBottom="4dp"
-            android:paddingTop="4dp"
-            android:textColor="@color/red100"/>
-    </android.support.v4.view.ViewPager>
-</RelativeLayout>
+        android:textColor="@color/darkText" />
+</LinearLayout>