HorizontalScrollView滚到当前tab,并且居中显示

最新推荐文章于 2023-04-20 18:47:14 发布

原创最新推荐文章于 2023-04-20 18:47:14 发布 · 674 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#TabLayout居中 #自动滚动 #tab居中

自定义view 专栏收录该内容

54 篇文章

订阅专栏

CustomSlidingTabLayout和SlidingTabLayout是两个自定义的HorizontalScrollView子类，用于实现ViewPager的页面指示器。它们都包含方法`scrollToCurrentTab()`，确保当前选中的标签在视图中居中显示。此方法通过计算当前位置的偏移量，并结合HorizontalScrollView的scrollTo()方法来滚动到正确的位置。这两个类对于Android应用的UI交互优化具有重要意义。

1、CustomSlidingTabLayout

public class CustomSlidingTabLayout extends HorizontalScrollView implements ViewPager.OnPageChangeListener {}

HorizontalScrollView滚到当前tab,并且居中显示

    /**
     * HorizontalScrollView滚到当前tab,并且居中显示
     */
    private void scrollToCurrentTab() {
        if (mAdapter.getTabItemCount() <= 0) {
            return;
        }

        int tabItemPosition = mAdapter.getTabItemPositionByPagePosition(mCurrentPage);
        int offset = (int) (mCurrentPositionOffset * mTabsContainer.getChildAt(tabItemPosition).getWidth());
        /**当前Tab的left+当前Tab的Width乘以positionOffset*/
        int newScrollX = mTabsContainer.getChildAt(tabItemPosition).getLeft() + offset;
        if (mCurrentPage > 0 || offset > 0) {
            /**HorizontalScrollView移动到当前tab,并居中*/
            newScrollX -= getWidth() / 2 - getPaddingLeft();
            calcIndicatorRect();
            newScrollX += ((mTabRect.right - mTabRect.left) / 2);
        }

        if (newScrollX != mLastScrollX) {
            mLastScrollX = newScrollX;
            /** scrollTo（int x,int y）:x,y代表的不是坐标点,而是偏移量
             *  x:表示离起始位置的x水平方向的偏移量
             *  y:表示离起始位置的y垂直方向的偏移量
             */
            scrollTo(newScrollX, 0);
        }
    }

2、SlidingTabLayout

public class SlidingTabLayout extends HorizontalScrollView implements ViewPager.OnPageChangeListener {}

HorizontalScrollView滚到当前tab,并且居中显示：

 /**
     * HorizontalScrollView滚到当前tab,并且居中显示
     */
    private void scrollToCurrentTab() {
        if (mTabCount <= 0) {
            return;
        }

        int offset = (int) (mCurrentPositionOffset * mTabsContainer.getChildAt(mCurrentTab).getWidth());
        /**当前Tab的left+当前Tab的Width乘以positionOffset*/
        int newScrollX = mTabsContainer.getChildAt(mCurrentTab).getLeft() + offset;

        if (mCurrentTab > 0 || offset > 0) {
            /**HorizontalScrollView移动到当前tab,并居中*/
            newScrollX -= getWidth() / 2 - getPaddingLeft();
            calcIndicatorRect();
            newScrollX += ((mTabRect.right - mTabRect.left) / 2);
        }

        if (newScrollX != mLastScrollX) {
            mLastScrollX = newScrollX;
            /** scrollTo（int x,int y）:x,y代表的不是坐标点,而是偏移量
             *  x:表示离起始位置的x水平方向的偏移量
             *  y:表示离起始位置的y垂直方向的偏移量
             */
            scrollTo(newScrollX, 0);
        }
    }