title: How to Add ViewPager Indicator Headings Like Google+ App
body: <p>My goal is to create a screen similar in function to the Stream page in the Google+ app (picture below for those unfamiliar).  For the paging, I am using a custom <code>ViewGroup</code> so that it has smooth transitions that "follow your finger" rather than just snapping to the destination after the fling gesture has been made.</p>
  
  <p><strong>Question</strong></p>
  
  <p>Currently, I am going the route of using some <code>TranslateAnimation</code>s to move the headings ("Nearby," "All circles," and "Incoming" in the screenshot) once a new page has been selected.  This creates a couple of problems: the center heading doesn't follow the user's finger (as you can see the "All circles" heading does in the screenshot), and if the user begins on a page other than the middle one, I have not found an easy way to offset all of the animations temporarily without running them first since the animations do not move the actual views.</p>
  
  <p>Am I going about this the correct way, or is there a much simpler way of accomplishing this that I am overlooking?</p>
  
  <p>Thanks</p>
  
  <p><img src="https://i.stack.imgur.com/OT0uA.png" alt=""></p>