アンドロイドでアクティブなタブの中心を合わせる方法スライドタブのレイアウト

Question

アンドロイドスライドタブレイアウト+ビューページャーには12個のアイテムがあります。選択したタブは、左から右にスライドしながら、プレイストアと同じ中心にする必要があります。どうすればいいのか教えてください。私のアプリケーションでは、アクティブなタブは常に画面の左にあります。

Answer 1

Googleがsliding tab layoutのためのサンプルを提供してきました。しかし、SlidingTabLayoutクラスの実装では、選択したタブを中央揃えにするようには設計されていませんでした。スクロール方法を変更して、画面の選択/アクティブなタブの中央にします。ここで、コード変更がある：

クラス名：SlidingTabLayout

行番号：241、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 targetScrollX = selectedChild.getLeft() + positionOffset; 

     if (tabIndex > 0 || positionOffset > 0) { 
      // If we're not at the first child and are mid-scroll, make sure we obey the offset 
      targetScrollX -= (getWidth()-selectedChild.getWidth())/2; 
     } 

     scrollTo(targetScrollX, 0); 
    } 
} 

Answer 2

私のアプローチはShripad Bhat溶液を少し異なります、スライドの端にあるタブを跳ね返します。ここで

は私の回避策だ...

onPageScrolled方法の変更：scrollToTab方法に

@Override 
public void onPageScrolled(int position, float positionOffset, int positionOffsetPixels) { 
    int tabStripChildCount = mTabStrip.getChildCount(); 
    if ((tabStripChildCount == 0) || (position < 0) || (position >= tabStripChildCount)) { 
     return; 
    } 

    mTabStrip.onViewPagerPageChanged(position, positionOffset); 

    View selectedTitle = mTabStrip.getChildAt(position); 
    int selectedOffset = (selectedTitle == null) ? 0 : selectedTitle.getWidth(); 
    int nextTitlePosition = position + 1; 
    View nextTitle = mTabStrip.getChildAt(nextTitlePosition); 
    int nextOffset = (nextTitle == null) ? 0 : nextTitle.getWidth(); 
    int extraOffset = (int)(0.5F * (positionOffset * (float)(selectedOffset + nextOffset))); 
    scrollToTab(position, extraOffset); 

    if (mViewPagerPageChangeListener != null) { 
     mViewPagerPageChangeListener.onPageScrolled(position, positionOffset, positionOffsetPixels); 
    } 
} 

変更：

private int mLastScrollTo; 

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 && selectedChild.getMeasuredWidth() != 0) { 

     int targetScrollX = ((positionOffset + selectedChild.getLeft()) - getWidth()/2) + selectedChild.getWidth()/2; 

     if (targetScrollX != mLastScrollTo) { 
      scrollTo(targetScrollX, 0); 
      mLastScrollTo = targetScrollX; 
     } 
    } 
} 

Answer 3

もこの問題を抱えていました。 tabLayoutのみtabContentStartオプションを提供し、両面が必要：

public class CenteringTabLayout extends TabLayout { 
public CenteringTabLayout(Context context) { 
    super(context); 
} 

public CenteringTabLayout(Context context, AttributeSet attrs) { 
    super(context, attrs); 
} 

public CenteringTabLayout(Context context, AttributeSet attrs, int defStyleAttr) { 
    super(context, attrs, defStyleAttr); 
} 

@Override 
protected void onLayout(boolean changed, int l, int t, int r, int b) { 
    super.onLayout(changed, l, t, r, b); 
    View firstTab = ((ViewGroup)getChildAt(0)).getChildAt(0); 
    View lastTab = ((ViewGroup)getChildAt(0)).getChildAt(((ViewGroup)getChildAt(0)).getChildCount()-1); 
    ViewCompat.setPaddingRelative(getChildAt(0), (getWidth()/2) - (firstTab.getWidth()/2),0,(getWidth()/2) - (lastTab.getWidth()/2),0); 
} 
}