如何以编程方式使用SlidingTabStrip和ViewPager切换选项卡

akoul889

我无法以编程方式切换SlidingTabStrip标签。

我正在与Viewpager结合使用SlidingTabStrip。

我用

mSlidingTabs.setViewPager(mPager);
mViewPager.setCurrentItem(position);

这会将viewpager移动到选定的屏幕,并选择了相应的选项卡。但是,如果相应的选项卡不在屏幕的视图范围内,则不会滚动到视图中

这是我的SlidingTabStrip.java

public class SlidingTabLayout extends HorizontalScrollView {
    /**
     * Allows complete control over the colors drawn in the tab layout. Set with
     * {@link #setCustomTabColorizer(TabColorizer)}.
     */
    public interface TabColorizer {

        /**
         * @return return the color of the indicator used when {@code position} is selected.
         */
        int getIndicatorColor(int position);

    }

    private static final int TITLE_OFFSET_DIPS = 24;
    private static final int TAB_VIEW_PADDING_DIPS = 16;
    private static final int TAB_VIEW_TEXT_SIZE_SP = 12;

    private int mTitleOffset;

    private int mTabViewLayoutId;
    private int mTabViewTextViewId;
    private boolean mDistributeEvenly;

    private ViewPager mViewPager;
    private SparseArray<String> mContentDescriptions = new SparseArray<String>();
    private ViewPager.OnPageChangeListener mViewPagerPageChangeListener;

    private final SlidingTabStrip mTabStrip;

    public SlidingTabLayout(Context context) {
        this(context, null);
    }

    public SlidingTabLayout(Context context, AttributeSet attrs) {
        this(context, attrs, 0);
    }

    public SlidingTabLayout(Context context, AttributeSet attrs, int defStyle) {
        super(context, attrs, defStyle);

        // Disable the Scroll Bar
        setHorizontalScrollBarEnabled(false);
        // Make sure that the Tab Strips fills this View
        setFillViewport(true);

        mTitleOffset = (int) (TITLE_OFFSET_DIPS * getResources().getDisplayMetrics().density);

        mTabStrip = new SlidingTabStrip(context);
        addView(mTabStrip, LayoutParams.MATCH_PARENT, LayoutParams.WRAP_CONTENT);
    }

    /**
     * Set the custom {@link TabColorizer} to be used.
     * <p/>
     * If you only require simple custmisation then you can use
     * {@link #setSelectedIndicatorColors(int...)} to achieve
     * similar effects.
     */
    public void setCustomTabColorizer(TabColorizer tabColorizer) {
        mTabStrip.setCustomTabColorizer(tabColorizer);
    }

    public void setDistributeEvenly(boolean distributeEvenly) {
        mDistributeEvenly = distributeEvenly;
    }

    /**
     * Sets the colors to be used for indicating the selected tab. These colors are treated as a
     * circular array. Providing one color will mean that all tabs are indicated with the same
     * color.
     */
    public void setSelectedIndicatorColors(int... colors) {
        mTabStrip.setSelectedIndicatorColors(colors);
    }

    /**
     * Set the {@link android.support.v4.view.ViewPager.OnPageChangeListener}. When using {@link SlidingTabLayout} you are
     * required to set any {@link android.support.v4.view.ViewPager.OnPageChangeListener} through this method. This is so
     * that the layout can update it's scroll position correctly.
     *
     * @see android.support.v4.view.ViewPager#setOnPageChangeListener(android.support.v4.view.ViewPager.OnPageChangeListener)
     */
    public void setOnPageChangeListener(ViewPager.OnPageChangeListener listener) {
        mViewPagerPageChangeListener = listener;
    }

    /**
     * Set the custom layout to be inflated for the tab views.
     *
     * @param layoutResId Layout id to be inflated
     * @param textViewId  id of the {@link android.widget.TextView} in the inflated view
     */
    public void setCustomTabView(int layoutResId, int textViewId) {
        mTabViewLayoutId = layoutResId;
        mTabViewTextViewId = textViewId;
    }

    /**
     * Sets the associated view pager. Note that the assumption here is that the pager content
     * (number of tabs and tab titles) does not change after this call has been made.
     */
    public void setViewPager(ViewPager viewPager) {
        mTabStrip.removeAllViews();

        mViewPager = viewPager;
        if (viewPager != null) {
            viewPager.setOnPageChangeListener(new InternalViewPagerListener());
            populateTabStrip();
        }
    }

    /**
     * Create a default view to be used for tabs. This is called if a custom tab view is not set via
     * {@link #setCustomTabView(int, int)}.
     */
    protected TextView createDefaultTabView(Context context) {
        TextView textView = new TextView(context);
        textView.setGravity(Gravity.CENTER);
        textView.setTextSize(TypedValue.COMPLEX_UNIT_SP, TAB_VIEW_TEXT_SIZE_SP);
        textView.setTypeface(Typeface.DEFAULT_BOLD);
        textView.setLayoutParams(new LinearLayout.LayoutParams(
                ViewGroup.LayoutParams.WRAP_CONTENT, ViewGroup.LayoutParams.WRAP_CONTENT));

        TypedValue outValue = new TypedValue();
        getContext().getTheme().resolveAttribute(android.R.attr.selectableItemBackground,
                outValue, true);
        textView.setBackgroundResource(outValue.resourceId);
        textView.setAllCaps(true);

        int padding = (int) (TAB_VIEW_PADDING_DIPS * getResources().getDisplayMetrics().density);
        textView.setPadding(padding, padding, padding, padding);

        return textView;
    }

    private void populateTabStrip() {
        final PagerAdapter adapter = mViewPager.getAdapter();
        final OnClickListener tabClickListener = new TabClickListener();

        for (int i = 0; i < adapter.getCount(); i++) {
            View tabView = null;
            TextView tabTitleView = null;

            if (mTabViewLayoutId != 0) {
                // If there is a custom tab view layout id set, try and inflate it
                tabView = LayoutInflater.from(getContext()).inflate(mTabViewLayoutId, mTabStrip,
                        false);
                tabTitleView = (TextView) tabView.findViewById(mTabViewTextViewId);
            }

            if (tabView == null) {
                tabView = createDefaultTabView(getContext());
            }

            if (tabTitleView == null && TextView.class.isInstance(tabView)) {
                tabTitleView = (TextView) tabView;
            }

            if (mDistributeEvenly) {
                LinearLayout.LayoutParams lp = (LinearLayout.LayoutParams) tabView
                        .getLayoutParams();
                lp.width = 0;
                lp.weight = 1;
            }

            tabTitleView.setText(adapter.getPageTitle(i));
            tabView.setOnClickListener(tabClickListener);
            String desc = mContentDescriptions.get(i, null);
            if (desc != null) {
                tabView.setContentDescription(desc);
            }

            mTabStrip.addView(tabView);
            if (i == mViewPager.getCurrentItem()) {
                tabView.setSelected(true);
            }
        }
    }

    public void setContentDescription(int i, String desc) {
        mContentDescriptions.put(i, desc);
    }

    @Override
    protected void onAttachedToWindow() {
        super.onAttachedToWindow();

        if (mViewPager != null) {
            scrollToTab(mViewPager.getCurrentItem(), 0);
        }
    }

    public 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 -= mTitleOffset;
            }
            Timber.i("Scroll "+targetScrollX);
            scrollTo(targetScrollX, 0);
        }
    }

    private class InternalViewPagerListener implements ViewPager.OnPageChangeListener {
        private int mScrollState;

        @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 count = mTabStrip.getChildCount();
//            for (int i = 0; i < count; i++) {
//                if (position != i) {
//                    ((TextView) mTabStrip.getChildAt(i)).setTextColor(getContext().getResources()
//                            .getColor(R.color.app_text_color_disabled));
//                } else {
//                    ((TextView) selectedTitle).setTextColor(getContext().getResources().getColor
//                            (R.color.app_text_color));
//                }
//            }
            int extraOffset = (selectedTitle != null)
                    ? (int) (positionOffset * selectedTitle.getWidth())
                    : 0;
            scrollToTab(position, extraOffset);

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

        @Override
        public void onPageScrollStateChanged(int state) {
            mScrollState = state;

            if (mViewPagerPageChangeListener != null) {
                mViewPagerPageChangeListener.onPageScrollStateChanged(state);
            }
        }

        @Override
        public void onPageSelected(int position) {
            if (mScrollState == ViewPager.SCROLL_STATE_IDLE) {
                mTabStrip.onViewPagerPageChanged(position, 0f);
                scrollToTab(position, 0);
            }
            for (int i = 0; i < mTabStrip.getChildCount(); i++) {
                mTabStrip.getChildAt(i).setSelected(position == i);
            }
            if (mViewPagerPageChangeListener != null) {
                mViewPagerPageChangeListener.onPageSelected(position);
            }
        }

    }

    private class TabClickListener implements OnClickListener {
        @Override
        public void onClick(View v) {
            for (int i = 0; i < mTabStrip.getChildCount(); i++) {
                if (v == mTabStrip.getChildAt(i)) {
                    mViewPager.setCurrentItem(i);
                    return;
                }
            }
        }
    }

}
akoul889

我有点找到解决方法,这不是一个清晰的解决方案,但我要做的是打电话给

ViewTreeObserver vto = mainContainer.getViewTreeObserver();
        vto.addOnGlobalLayoutListener(new ViewTreeObserver.OnGlobalLayoutListener() {

            @Override
            public void onGlobalLayout() {
                try {
                    mSlidingTabs.scrollToTab(tabPosition,0);
                } catch (NullPointerException e) {
                    e.printStackTrace();
                }
            }

        });

欢迎有更好的解决方案。

本文收集自互联网,转载请注明来源。

如有侵权,请联系[email protected] 删除。

编辑于
0

我来说两句

0条评论
登录后参与评论

相关文章

来自分类Dev

如何以编程方式在单击按钮时切换选项卡?在swiftui

来自分类Dev

如何在JavaFX中以编程方式切换选项卡

来自分类Dev

以编程方式切换选项卡时清除根视图控制器的变量

来自分类Dev

如何更改Firefox切换选项卡的快捷方式?

来自分类Dev

使用AHK在ConEmu中切换选项卡

来自分类Dev

使用-O选项打开vim时如何在vim中切换选项卡

来自分类Dev

如何使用Ctrl + Tab切换选项卡终端?

来自分类Dev

是否有切换面板而不是切换选项卡的快捷方式?

来自分类Dev

使用PagerSlidingTabStrips单击选项卡时,切换选项卡不起作用

来自分类Dev

使用PagerSlidingTabStrips单击选项卡时,切换选项卡不起作用

来自分类Dev

如何以编程方式在选项卡之间移动

来自分类Dev

现在在Xcode中切换选项卡的快捷方式?

来自分类Dev

现在在Xcode中切换选项卡的快捷方式?

来自分类Dev

更改 R Studio 快捷方式以切换选项卡

来自分类Dev

如何使用预期的条件new_window_is_opened切换选项卡并使用Selenium和Python验证页面标题

来自分类Dev

如何使用Angular2切换选项卡并在单击时更改CSS类?

来自分类Dev

使用Tab控件切换选项卡时如何检查文本框中的数据

来自分类Dev

如何使用D3.js在Bootstrap中切换选项卡的活动/非活动状态?

来自分类Dev

如何使用 react-native-scrollable-tab-view 从另一个组件切换选项卡

来自分类Dev

如何通过添加类切换选项卡并在导航栏上使用 JavaScript 加载模板?

来自分类Dev

在功能区UI中切换选项卡

来自分类Dev

UITabBarController切换选项卡时变黑

来自分类Dev

切换选项卡时,BottomNavigationView标题隐藏

来自分类Dev

用vimscript切换选项卡?

来自分类Dev

UITabBarController切换选项卡时变黑

来自分类Dev

更改 ngModel 值以切换选项卡

来自分类Dev

使用“简单”选项卡切换选项卡时,删除地址栏中的#anchor

来自分类Dev

添加和删除用于切换选项卡的类

来自分类Dev

jQuery:如何遍历dom进行滑动切换选项卡元素组

Related 相关文章

  1. 1

    如何以编程方式在单击按钮时切换选项卡?在swiftui

  2. 2

    如何在JavaFX中以编程方式切换选项卡

  3. 3

    以编程方式切换选项卡时清除根视图控制器的变量

  4. 4

    如何更改Firefox切换选项卡的快捷方式?

  5. 5

    使用AHK在ConEmu中切换选项卡

  6. 6

    使用-O选项打开vim时如何在vim中切换选项卡

  7. 7

    如何使用Ctrl + Tab切换选项卡终端?

  8. 8

    是否有切换面板而不是切换选项卡的快捷方式?

  9. 9

    使用PagerSlidingTabStrips单击选项卡时,切换选项卡不起作用

  10. 10

    使用PagerSlidingTabStrips单击选项卡时,切换选项卡不起作用

  11. 11

    如何以编程方式在选项卡之间移动

  12. 12

    现在在Xcode中切换选项卡的快捷方式?

  13. 13

    现在在Xcode中切换选项卡的快捷方式?

  14. 14

    更改 R Studio 快捷方式以切换选项卡

  15. 15

    如何使用预期的条件new_window_is_opened切换选项卡并使用Selenium和Python验证页面标题

  16. 16

    如何使用Angular2切换选项卡并在单击时更改CSS类?

  17. 17

    使用Tab控件切换选项卡时如何检查文本框中的数据

  18. 18

    如何使用D3.js在Bootstrap中切换选项卡的活动/非活动状态?

  19. 19

    如何使用 react-native-scrollable-tab-view 从另一个组件切换选项卡

  20. 20

    如何通过添加类切换选项卡并在导航栏上使用 JavaScript 加载模板?

  21. 21

    在功能区UI中切换选项卡

  22. 22

    UITabBarController切换选项卡时变黑

  23. 23

    切换选项卡时,BottomNavigationView标题隐藏

  24. 24

    用vimscript切换选项卡?

  25. 25

    UITabBarController切换选项卡时变黑

  26. 26

    更改 ngModel 值以切换选项卡

  27. 27

    使用“简单”选项卡切换选项卡时,删除地址栏中的#anchor

  28. 28

    添加和删除用于切换选项卡的类

  29. 29

    jQuery:如何遍历dom进行滑动切换选项卡元素组

热门标签

归档