title: Android - No indicator shown when using Jack Wharton's ViewPagerIndicator
body: <p>I'm struggling to understand the right way to use Jack Wharton's <a href="https://github.com/JakeWharton/Android-ViewPagerIndicator" rel="nofollow noreferrer">ViewPagerIndicator</a>. So this is what I'm having in my layout:</p>
  
  <pre><code>(continued from above)
  &lt;com.viewpagerindicator.TabPageIndicator
          android:id="@+id/indicator"
          android:padding="10dp"
          android:background="@drawable/tab_indicator_ab_eateries"
          android:layout_height="wrap_content"
          android:layout_width="fill_parent"
          /&gt;
      &lt;android.support.v4.view.ViewPager
             android:id="@+id/viewpager"
             android:layout_width="fill_parent"
             android:layout_height="0dp"
             android:layout_weight="1"&gt;
  
      &lt;/android.support.v4.view.ViewPager&gt;
  </code></pre>
  
  <p>And this is how I'm using this in my code:</p>
  
  <pre><code>mPager = (ViewPager) app.findViewById(R.id.viewpager);
  
          List&lt;Fragment&gt; fragments = new Vector&lt;Fragment&gt;();
          fragments.add(Fragment.instantiate(this, PlaceInfoFragment.class.getName()));
          fragments.add(Fragment.instantiate(this, PlaceMenuFragment.class.getName()));
          fragments.add(Fragment.instantiate(this, LocationFragment.class.getName()));
          fragments.add(Fragment.instantiate(this, ReviewFragment.class.getName()));
          fragments.add(Fragment.instantiate(this, PhotoFragment.class.getName()));
          PageAdapter mPageAdapter = new PageAdapter(getSupportFragmentManager(), fragments, this);
          mPager.setAdapter(mPageAdapter);
  
          TabPageIndicator indicator = (TabPageIndicator) app.findViewById(R.id.indicator);
          indicator.setViewPager(mPager);
          indicator.setOnPageChangeListener(
                  new ViewPager.SimpleOnPageChangeListener() {
                      @Override
                      public void onPageSelected(int position) {
                          // When swiping between pages, select the
                          // corresponding tab.
                          super.onPageSelected(position);
                      }
              });
  </code></pre>
  
  <p>Apparently I'm missing something important because this is what I get in the result:</p>
  
  <p><img src="https://i.stack.imgur.com/OOeRo.png" alt="enter image description here"></p>
  
  <p>So you can see in the capture that the title are left alligned (while I expect them them to be centered in each tab), and there is no indicator shown. What should I add in my code to make this work? I studied the given sample but I don't see any difference in the code of the <code>SampleTabsDefault</code> and <code>SampleTabsStyled</code> classes. So if any of you have used this before, please help me out and thanks.</p>