title: Viewpager in Android with fixed tabs at bottom with Icon and Text in each tab
body: <p>I want to create the following layout - an activity with a viewpager along with a tab that stays that the bottom of the activity to indicate which of the 4 fragments the user is in (and the selected tab gets highlighted by an 'active colour')</p>
  
  <p><img src="https://i.stack.imgur.com/gPrtO.png" alt="enter image description here"></p>
  
  <p>I've spent some time looking at various resources online to add this tab.</p>
  
  <p><a href="http://developer.android.com/training/implementing-navigation/lateral.html#tabs" rel="nofollow noreferrer">http://developer.android.com/training/implementing-navigation/lateral.html#tabs</a> - this looked like it would work well until I found out that <code>actionBar.setNavigationMode(ActionBar.NAVIGATION_MODE_TABS);</code> is deprecated</p>
  
  <p>I looked <a href="https://stackoverflow.com/questions/21528687/how-to-add-the-icon-for-swipeable-tabs">here</a> however, it is the same solution (i.e. deprecated)</p>
  
  <p>I looked <a href="https://stackoverflow.com/questions/24473213/action-bar-navigation-modes-are-deprecated-in-android-l">here</a> however, the PagerTitleStrip shows one tab (and partly the adjacent tabs) while I want to see all the tabs (there are no partially hidden tabs as in the picture)</p>
  
  <p>Is there a tutorial that explains how to achieve this? It is one of the most basic UI elements, so I am hoping I am not finding the best solution</p>