Как центрировать SlidingTabStrip как на игровом рынке?

Question

Я использую https://github.com/google/iosched/blob/master/android/src/main/java/com/google/samples/apps/iosched/ui/widget/SlidingTabLayout.java tabs класс.

После нанесения его на мой проект, я не получаю (не сосредоточенные) вкладки, как показано this picture, но я хочу, чтобы центр мои вкладки, как на Play Market закладках.

Как разместить мои вкладки, как в приложении Google Play, спасибо?

Answer 1

Измените метод scrollToTab, чтобы центрировать выбранную вкладку.

private void scrollToTab(int tabIndex, int positionOffset) { 
    final int tabStripChildCount = mTabStrip.getChildCount(); 
    if (tabStripChildCount == 0 || tabIndex < 0 || tabIndex >= tabStripChildCount) { 
     return; 
    } 

    View selectedChild = mTabStrip.getChildAt(tabIndex); 
    if (selectedChild != null) { 
     int viewWidth = getWidth(); 
     int tabWidth = selectedChild.getWidth(); 
     int tabPosition = selectedChild.getLeft() + positionOffset; 
     int targetScrollX = tabPosition - viewWidth/2 + tabWidth/2; 

     scrollTo(targetScrollX, 0); 
    } 
} 

Answer 2

Ваш файл activity_main.xml хотел бы это:

<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android" 
    xmlns:tools="http://schemas.android.com/tools" 
    android:layout_width="match_parent" 
    android:layout_height="match_parent" 
    android:orientation="vertical" 
    tools:context=".MainActivity"> 

<samples.exoguru.materialtabs.SlidingTabLayout 
    android:id="@+id/tabs" 
    android:layout_width="match_parent" 
    android:layout_height="wrap_content" 
    android:elevation="2dp" 
    android:background="@color/ColorPrimary"/> 

<android.support.v4.view.ViewPager 
    android:id="@+id/pager" 
    android:layout_height="match_parent" 
    android:layout_width="match_parent" 
    android:layout_weight="1"> 
</android.support.v4.view.ViewPager> 

я не знаю ничего, что могло бы пойти не так.

Answer 3

Я потратил немного времени на это и недавно получил это работает. Вот резюме.

SlidingTabLayout.java Вы должны изменить метод scrollToTab, чтобы вычислить правильный свиток. Я добавил пояснительные комментарии здесь:

private void scrollToTab(int tabIndex, float positionOffset) { 
    final int tabStripChildCount = mTabStrip.getChildCount(); 
    if (tabStripChildCount == 0 || tabIndex < 0 || tabIndex >= tabStripChildCount) { 
     return; 
    } 

    View selectedChild = mTabStrip.getChildAt(tabIndex); 
    View nextChild = mTabStrip.getChildAt(tabIndex + 1); 
    if (selectedChild != null) { 
     // c1 is the center of the currently selected tab 
     int c1 = selectedChild.getLeft() + (selectedChild.getWidth()/2); 

     // viewCenter is the center of the parent view 
     int viewCenter = getWidth()/2; 

     int targetCenter = c1; 
     if (nextChild != null) { 
      // c2 is the center of the tab to the right of the currently selected 
      int c2 = nextChild.getLeft() + (nextChild.getWidth()/2); 

      // the 'targetCenter' is partway between c1 & c2 depending on how far the viewpager 
      // is currently scrolled 
      targetCenter = (int) (c1 + ((c2 - c1) * positionOffset)); 
     } 

     int targetScrollX = targetCenter - viewCenter; 

     scrollTo(targetScrollX, 0); 
    } 
} 

Обратите внимание, что это изменило аргумент positionOffset от int к float, это преднамеренно, мы больше не можем использовать исходное значение передается из InternalViewPagerListener «s onPageScrolled поскольку он не учитывал ширину следующей вкладки. Это означает, что в этом методе onPageScrolled мы должны изменить:

 View selectedTitle = mTabStrip.getChildAt(position); 
     int extraOffset = (selectedTitle != null) 
       ? (int) (positionOffset * selectedTitle.getWidth()) 
       : 0; 
     scrollToTab(position, extraOffset); 

быть:

 scrollToTab(position, positionOffset); 

Это дает нам доступ к необработанным positionOffset парам, что нам нужно сделать правильный расчет.

Это единственные необходимые изменения. Я разместил здесь полный класс: https://gist.github.com/danh32/c39465c8b04db059fe72