Android 修改PagerSlidingTabStrip 高亮选中标题

最新推荐文章于 2024-06-16 09:36:32 发布

676598624

最新推荐文章于 2024-06-16 09:36:32 发布

阅读量797

点赞数

CC 4.0 BY-SA版权

分类专栏：工具类文章标签： pagerslidingtabstrip 高亮

本文链接：https://blog.youkuaiyun.com/qq_26761229/article/details/74691402

工具类专栏收录该内容

45 篇文章

订阅专栏

本文介绍如何下载并修改PagerSlidingTabStrip源码，实现自定义的下划线与标题高亮效果。通过添加setSelectTextColor方法，可以设置选中项的文字颜色，并在页面选择时触发该方法。此外，还提供了初始化时设置首个选项高亮的方法。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

下载PagerSlidingTabStrip 源码：
https://github.com/astuetz/PagerSlidingTabStrip

修改下划线与标题的高亮

1.添加方法调用setSelectTextColor(position);

@Override
        public void onPageSelected(int position) {
            setSelectTextColor(position);

            if (delegatePageListener != null) {
                delegatePageListener.onPageSelected(position);
            }
        }

2.添加方法

private void setSelectTextColor(int position) {
    for (int i = 0; i < tabCount; i++) {
        View view = tabsContainer.getChildAt(i);
        if (view instanceof ImageButton) {
        } else if (view instanceof TextView) {

            if (position == i) {
                ((TextView) view).setTextColor(自定义颜色);
            } else {
                ((TextView) view).setTextColor(tabTextColor);
            }
        }
    }
}

3.首次进入时候第一个显示高亮

添加

if (i == 0) {
                     tab.setTextColor(自定义颜色);
                 } else {
                     tab.setTextColor(tabTextColor);
                 }

整体的方法

private void updateTabStyles() {

    for (int i = 0; i < tabCount; i++) {

        View v = tabsContainer.getChildAt(i);

        v.setBackgroundResource(tabBackgroundResId);

        if (v instanceof TextView) {

            TextView tab = (TextView) v;
            tab.setTextSize(TypedValue.COMPLEX_UNIT_PX, tabTextSize);
            tab.setTypeface(tabTypeface, tabTypefaceStyle);
             if (i == 0) {
                 tab.setTextColor(自定义颜色);
             } else {
                 tab.setTextColor(tabTextColor);
             }

            // setAllCaps() is only available from API 14, so the upper case
            // is made manually if we are on a
            // pre-ICS-build
            if (textAllCaps) {
                if (Build.VERSION.SDK_INT >= Build.VERSION_CODES.ICE_CREAM_SANDWICH) {
                    tab.setAllCaps(true);
                } else {
                    tab.setText(tab.getText().toString()
                            .toUpperCase(locale));
                }
            }
        }
    }

}