PageSlidingTab的改进,项目中可以直接使用。

private LinearLayout.LayoutParams defaultTabLayoutParams;

private LinearLayout.LayoutParams expandedTabLayoutParams;

//ViewPager的OnPageChangeListener接口实现类

private final PageListener pageListener = new PageListener();

public OnPageChangeListener delegatePageListener;

private LinearLayout tabsContainer;

private ViewPager pager;

private int tabCount;

private int currentPosition = 0;

private int selectedPosition = 0;

private float currentPositionOffset = 0f;

private Paint rectPaint;

private Paint dividerPaint;

private int indicatorColor = 0xFFfafafa/*0xFF666666*/;

private int underlineColor = 0x1A000000/*0x1A000000*/;

private int dividerColor = 0x1A000000;

private boolean shouldExpand = true;

private boolean textAllCaps = true;

private int scrollOffset = 52;

private int indicatorHeight = 2;

private int underlineHeight = 1;

private int dividerPadding = 12;

private int tabPadding = 0;

//addded by linghu

private int tabPaddingBottom = 0;

private int dividerWidth = 0;

private int tabLeftMargin = 0;

private int tabRightMargin = 0;

private int tabTextSize = 18;

private int tabTextColor = 0xffffffff/*0xFF666666*/;

//add by linghu

private int tabTextSelectedColor = 0xFF66cc99;/*0xFF66cc99*/

private Typeface tabTypeface = null;

private int tabTypefaceStyle = Typeface.NORMAL;

private int lastScrollX = 0;

private int tabBackgroundResId = R.drawable.psts_background_tab;

private Locale locale;

//定义底部阴影宽度

private int mShadowHeight = 0;

public PagerSlidingTab(Context context) {

this(context, null);

}

public PagerSlidingTab(Context context, AttributeSet attrs) {

this(context, attrs, 0);

}

public PagerSlidingTab(Context context, AttributeSet attrs, int defStyle) {

super(context, attrs, defStyle);

//使View填充满View的宽度,HorizontalScrollView类方法

setFillViewport(true);

//设置view是否更改,如果开发者用自定义的view,重写ondraw()应该将调用此方法设置为false,这样程序会调用自定义的布局。

setWillNotDraw(false);

//tab容器

tabsContainer = new LinearLayout(context);

tabsContainer.setOrientation(LinearLayout.HORIZONTAL);

tabsContainer.setGravity(Gravity.CENTER);

tabsContainer.setLayoutParams(new LayoutParams(LayoutParams.MATCH_PARENT, LayoutParams.MATCH_PARENT));

addView(tabsContainer);

//代码中dp值转换成px

DisplayMetrics dm = getResources().getDisplayMetrics();

scrollOffset = (int) TypedValue.applyDimension(TypedValue.COMPLEX_UNIT_DIP, scrollOffset, dm);

indicatorHeight = (int) TypedValue.applyDimension(TypedValue.COMPLEX_UNIT_DIP, indicatorHeight, dm);

underlineHeight = (int) TypedValue.applyDimension(TypedValue.COMPLEX_UNIT_DIP, underlineHeight, dm);

dividerPadding = (int) TypedValue.applyDimension(TypedValue.COMPLEX_UNIT_DIP, dividerPadding, dm);

tabPadding = (int) TypedValue.applyDimension(TypedValue.COMPLEX_UNIT_DIP, tabPadding, dm);

dividerWidth = (int) TypedValue.applyDimension(TypedValue.COMPLEX_UNIT_DIP, dividerWidth, dm);

tabTextSize = (int) TypedValue.applyDimension(TypedValue.COMPLEX_UNIT_SP, tabTextSize, dm);

tabLeftMargin = (int) TypedValue.applyDimension(TypedValue.COMPLEX_UNIT_SP, tabLeftMargin, dm);

tabRightMargin = (int) TypedValue.applyDimension(TypedValue.COMPLEX_UNIT_SP, tabRightMargin, dm);

tabPaddingBottom = (int) TypedValue.applyDimension(TypedValue.COMPLEX_UNIT_DIP, tabPaddingBottom, dm);

// get system attrs (android:textSize and android:textColor)

TypedArray a = context.obtainStyledAttributes(attrs, ATTRS);

tabTextSize = a.getDimensionPixelSize(0, tabTextSize);

tabTextColor = a.getColor(1, tabTextColor);

a.recycle();

// get custom attrs

a = context.obtainStyledAttributes(attrs, R.styleable.PagerSlidingTabStrip);

indicatorColor = a.getColor(R.styleable.PagerSlidingTabStrip_pstsIndicatorColor, indicatorColor);

underlineColor = a.getColor(R.styleable.PagerSlidingTabStrip_pstsUnderlineColor, underlineColor);

//added by linghu tab文字选中时的颜色,默认和滑动指示器的颜色一致

tabTextSelectedColor = a.getColor(R.styleable.PagerSlidingTabStrip_pstsTextColorSelected, indicatorColor);

dividerColor = a.getColor(R.styleable.PagerSlidingTabStrip_pstsDividerColor, dividerColor);

indicatorHeight = a.getDimensionPixelSize(R.styleable.PagerSlidingTabStrip_pstsIndicatorHeight, indicatorHeight);

underlineHeight = a.getDimensionPixelSize(R.styleable.PagerSlidingTabStrip_pstsUnderlineHeight, underlineHeight);

dividerPadding = a.getDimensionPixelSize(R.styleable.PagerSlidingTabStrip_pstsDividerPadding, dividerPadding);

tabPadding = a.getDimensionPixelSize(R.styleable.PagerSlidingTabStrip_pstsTabPaddingLeftRight, tabPadding);

tabBackgroundResId = a.getResourceId(R.styleable.PagerSlidingTabStrip_pstsTabBackground, tabBackgroundResId);

shouldExpand = a.getBoolean(R.styleable.PagerSlidingTabStrip_pstsShouldExpand, shouldExpand);

scrollOffset = a.getDimensionPixelSize(R.styleable.PagerSlidingTabStrip_pstsScrollOffset, scrollOffset);

textAllCaps = a.getBoolean(R.styleable.PagerSlidingTabStrip_pstsTextAllCaps, textAllCaps);

a.recycle();

rectPaint = new Paint();

rectPaint.setAntiAlias(true);

rectPaint.setStyle(Style.FILL);

dividerPaint = new Paint();

dividerPaint.setAntiAlias(true);

dividerPaint.setStrokeWidth(dividerWidth);

//tab加入到容器中的布局参数

defaultTabLayoutParams = new LinearLayout.LayoutParams(LayoutParams.WRAP_CONTENT, LayoutParams.MATCH_PARENT);

expandedTabLayoutParams = new LinearLayout.LayoutParams(0, LayoutParams.MATCH_PARENT, 1.0f);

defaultTabLayoutParams.setMargins(tabLeftMargin, 0, tabRightMargin, 0);

expandedTabLayoutParams.setMargins(tabLeftMargin, 0, tabRightMargin, 0);

if (locale == null) {

locale = getResources().getConfiguration().locale;

}

}

public void setShadowWidth(int width){

mShadowHeight = width;

}

public void setShadowWidthRes(int resId) {

setShadowWidth((int) getResources().getDimension(resId));

}

public void setViewPager(ViewPager pager) {

this.pager = pager;

if (pager.getAdapter() == null) {

throw new IllegalStateException(“ViewPager does not have adapter instance.”);

}

pager.setOnPageChangeListener(pageListener);

notifyDataSetChanged();

}

public void setOnPageChangeListener(OnPageChangeListener listener) {

this.delegatePageListener = listener;

}

public void notifyDataSetChanged() {

tabsContainer.removeAllViews();

tabCount = pager.getAdapter().getCount();

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

if (pager.getAdapter() instanceof IconTabProvider) {

addIconTab(i, ((IconTabProvider) pager.getAdapter()).getPageIconResId(i));

} else {

addTextTab(i, pager.getAdapter().getPageTitle(i).toString());

}

}

updateTabStyles();

//ViewTreeObserver Draw/Layout观察者

getViewTreeObserver().addOnGlobalLayoutListener(new OnGlobalLayoutListener() {

@SuppressWarnings(“deprecation”)

@SuppressLint(“NewApi”)

@Override

public void onGlobalLayout() {

if (Build.VERSION.SDK_INT < Build.VERSION_CODES.JELLY_BEAN) {

getViewTreeObserver().removeGlobalOnLayoutListener(this);

} else {

getViewTreeObserver().removeOnGlobalLayoutListener(this);

}

currentPosition = pager.getCurrentItem();

scrollToChild(currentPosition, 0);

}

});

}

private void addTextTab(final int position, String title) {

TextView tab = new TextView(getContext());

tab.setText(title);

tab.setGravity(Gravity.CENTER);

tab.setSingleLine();

addTab(position, tab);

}

private void addIconTab(final int position, int resId) {

ImageButton tab = new ImageButton(getContext());

tab.setImageResource(resId);

addTab(position, tab);

}

private void addTab(final int position, View tab) {

tab.setFocusable(true);

tab.setOnClickListener(new OnClickListener() {

@Override

public void onClick(View v) {

pager.setCurrentItem(position);

}

});

tab.setPadding(tabPadding, 0, tabPadding, tabPaddingBottom);

tabsContainer.addView(tab, position, shouldExpand ? expandedTabLayoutParams : defaultTabLayoutParams);

}

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;

//TextView的setTextSize(单位, 数值);

tab.setTextSize(TypedValue.COMPLEX_UNIT_PX, tabTextSize);

tab.setTypeface(tabTypeface, tabTypefaceStyle);

// 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));

}

}

//addd by linghu

if(i == selectedPosition){

tab.setTextColor(tabTextSelectedColor);

}else{

tab.setTextColor(tabTextColor);

}

}

}

}

/**

* _滑动到__position__位置的__Tab__项,_offset__偏移处。

* @param position

* @param offset

*/

private void scrollToChild(int position, int offset) {

if (tabCount == 0) {

return;

}

int newScrollX = tabsContainer.getChildAt(position).getLeft() + offset;

if (position > 0 || offset > 0) {

newScrollX -= scrollOffset;

}

if (newScrollX != lastScrollX) {

lastScrollX = newScrollX;

scrollTo(newScrollX, 0);

}

}

@Override

protected void onDraw(Canvas canvas) {

super.onDraw(canvas);

//isInEditMode() eclipse或studio编辑器在布局显示过程中

if (isInEditMode() || tabCount == 0) {

return;

}

final int height = getHeight();

// draw indicator line

rectPaint.setColor(indicatorColor);

// default: line below current tab

View currentTab = tabsContainer.getChildAt(currentPosition);

float lineLeft = currentTab.getLeft();

float lineRight = currentTab.getRight();

// if there is an offset, start interpolating left and right coordinates between current and next tab

if (currentPositionOffset > 0f && currentPosition < tabCount - 1) {

View nextTab = tabsContainer.getChildAt(currentPosition + 1);

float nextTabLeft = nextTab.getLeft();

float nextTabRight = nextTab.getRight();

lineLeft = (currentPositionOffset * nextTabLeft + (1f - currentPositionOffset) * lineLeft);

lineRight = (currentPositionOffset * nextTabRight + (1f - currentPositionOffset) * lineRight);

}

//绘制底部的指示线,是一个长条的矩形

canvas.drawRect(lineLeft, height-mShadowHeight - indicatorHeight, lineRight, height-mShadowHeight, rectPaint);

// draw underline, 指示器下面的横线

// rectPaint.setColor(underlineColor);

// canvas.drawRect(0, height - mShadowHeight - underlineHeight, tabsContainer.getWidth(), height - mShadowHeight, rectPaint);

// draw divider, Tab之间的分割线

// dividerPaint.setColor(dividerColor);

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

// View tab = tabsContainer.getChildAt(i);

// canvas.drawLine(tab.getRight(), dividerPadding, tab.getRight(), height - dividerPadding, dividerPaint);

// }

}

private class PageListener implements OnPageChangeListener {

@Override

public void onPageScrolled(int position, float positionOffset, int positionOffsetPixels) {

currentPosition = position;

currentPositionOffset = positionOffset;

//滚动过程中该控件滚动到目标Tab的相应位置

scrollToChild(position, (int) (positionOffset * tabsContainer.getChildAt(position).getWidth()));

invalidate();

if (delegatePageListener != null) {

delegatePageListener.onPageScrolled(position, positionOffset, positionOffsetPixels);

}

}

@Override

public void onPageScrollStateChanged(int state) {

if (state == ViewPager.SCROLL_STATE_IDLE) {

scrollToChild(pager.getCurrentItem(), 0);

}

if (delegatePageListener != null) {

delegatePageListener.onPageScrollStateChanged(state);

}

}

@Override

public void onPageSelected(int position) {

selectedPosition = position;

updateTabStyles();

if (delegatePageListener != null) {

delegatePageListener.onPageSelected(position);

}

}

}

//added by linghu

public void setSelectedTextColor(int textColor) {

this.tabTextSelectedColor = textColor;

updateTabStyles();

}

//added by linghu

public void setSelectedTextColorResource(int resId) {

this.tabTextSelectedColor = getResources().getColor(resId);

updateTabStyles();

}

//added by linghu

public int getSelectedTextColor() {

return tabTextSelectedColor;

}

public void setIndicatorColor(int indicatorColor) {

this.indicatorColor = indicatorColor;

invalidate();

}

public void setIndicatorColorResource(int resId) {

this.indicatorColor = getResources().getColor(resId);

invalidate();

}

public int getIndicatorColor() {

return this.indicatorColor;

}

public void setIndicatorHeight(int indicatorLineHeightPx) {

this.indicatorHeight = indicatorLineHeightPx;

invalidate();

}

public int getIndicatorHeight() {

return indicatorHeight;

}

public void setUnderlineColor(int underlineColor) {

this.underlineColor = underlineColor;

invalidate();

}

public void setUnderlineColorResource(int resId) {

this.underlineColor = getResources().getColor(resId);

invalidate();

}

public int getUnderlineColor() {

return underlineColor;

}

public void setDividerColor(int dividerColor) {

this.dividerColor = dividerColor;

invalidate();

}

public void setDividerColorResource(int resId) {

this.dividerColor = getResources().getColor(resId);

invalidate();

}

public int getDividerColor() {

return dividerColor;

}

public void setUnderlineHeight(int underlineHeightPx) {

this.underlineHeight = underlineHeightPx;

invalidate();

}

最后

有任何问题,欢迎广大网友一起来交流,分享高阶Android学习视频资料和面试资料包~

偷偷说一句:群里高手如云,欢迎大家加群和大佬们一起交流讨论啊!


《Android学习笔记总结+移动架构视频+大厂面试真题+项目实战源码》点击传送门,即可获取!
idate();

}

public int getUnderlineColor() {

return underlineColor;

}

public void setDividerColor(int dividerColor) {

this.dividerColor = dividerColor;

invalidate();

}

public void setDividerColorResource(int resId) {

this.dividerColor = getResources().getColor(resId);

invalidate();

}

public int getDividerColor() {

return dividerColor;

}

public void setUnderlineHeight(int underlineHeightPx) {

this.underlineHeight = underlineHeightPx;

invalidate();

}

最后

有任何问题,欢迎广大网友一起来交流,分享高阶Android学习视频资料和面试资料包~

偷偷说一句:群里高手如云,欢迎大家加群和大佬们一起交流讨论啊!

[外链图片转存中…(img-uFsWvd7h-1715863544850)]
《Android学习笔记总结+移动架构视频+大厂面试真题+项目实战源码》点击传送门,即可获取!

  • 25
    点赞
  • 13
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值