自定义控件之AndroidSegmentControlView，仿IOS平台UISegmentControlView，继承自View
Posted carbs_wang
tags:
篇首语：本文由小常识网(cha138.com)小编为大家整理，主要介绍了自定义控件之AndroidSegmentControlView，仿IOS平台UISegmentControlView，继承自View相关的知识，希望对你有一定的参考价值。
控件简介
UISegmentControl在ios平台的App中非常常见，其控件如下图所示：
这种控件的主要作用是动态的更改界面的显示内容，一般应用于内容较多的界面，且分屏显示不同种类的内容。
在android开发过程中，有时需要实现类似UISegmentControl的效果，这里我将自己的代码开源在github上了，命名为SegmentControlView，下面是实现的效果：
动态图片可点击如下链接：
https://github.com/Carbs0126/AndroidSegmentControlView
控件说明
SegmentControlView extends View这个SegmentControlView是继承自View的，而非组合控件，因此实现起来虽然有点繁琐，但是灵活性反而比组合控件要高很多，并且可以加上过度效果等，且比组合控件更加轻量化。
控件特点
我实现的这个SegmentControlView具有如下特点：
1.SegmentControlView可设置与ViewPager联动，在segment切换时具有颜色渐变效果，类似微信。
2.可以自定义SegmentControlView的四个corner的半径。
3.自定义背景颜色与字体颜色、字体大小等等。
4.在xml中设置SegmentControlView中的多个titles，自动按照titles生成多个segment。
5.设置按下颜色与normal颜色的色值对比度。
6.具有AT_MOST的适配功能,即具有wrap_content模式
7.可以设置回调响应事件
使用方法
属性文件说明
<?xml version="1.0" encoding="utf-8"?>
<resources>
<declare-styleable name="SegmentControlView">
<attr name="scv_BackgroundSelectedColor" format="reference|color" />//选中segment的背景颜色
<attr name="scv_BackgroundNormalColor" format="reference|color" />//未选中segment的背景颜色
<attr name="scv_TextSelectedColor" format="reference|color" />//选中segment的文字颜色
<attr name="scv_TextNormalColor" format="reference|color" />//未选中segment的文字颜色
<attr name="scv_FrameColor" format="reference|color" />//segment边框的颜色
<attr name="scv_FrameWidth" format="reference|dimension" />//segment边框的宽度
<attr name="scv_FrameCornerRadius" format="reference|dimension" />//segment四个圆角的半径大小
<attr name="scv_TextSize" format="reference|dimension" />//文字大小
<attr name="scv_TextArray" format="reference" />//string数组，每一个string都会填充到一个segment中
<attr name="scv_SelectedIndex" format="reference|integer" />//默认选中的segment
<attr name="scv_SegmentPaddingHorizontal" format="reference|dimension" />//每一个segment内部的水平padding
<attr name="scv_SegmentPaddingVertical" format="reference|dimension" />每一个Segment的竖直方向的padding
<attr name="scv_Gradient" format="reference|boolean" />//Segment改变时是否使用颜色渐变效果
</declare-styleable>
</resources>布局文件创建SegmentControlView
<cn.carbs.android.segmentcontrolview.library.SegmentControlView
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_gravity="center_horizontal"
android:paddingLeft="10dp"
android:paddingRight="10dp"
app:scv_FrameCornerRadius="6dp"
app:scv_FrameWidth="1dp"
app:scv_Gradient="true"
app:scv_SegmentPaddingVertical="5dp"
app:scv_TextArray="@array/segment_control_arrays_0"/>使用方法
dependencies
compile 'cn.carbs.android:SegmentControlView:1.0.0'
segmentcontrolview.setOnSegmentChangedListener(new SegmentControlView.OnSegmentChangedListener()
@Override
public void onSegmentChanged(int newSelectedIndex)
if(viewpager != null)
//change the second argument to true if you want the gradient effect when viewpager is changing
viewpager.setCurrentItem(newSelectedIndex, false);//viewpager changing without animation
);
//set viewpager to change segment according to the state of viewpager
segmentcontrolview.setViewPager(viewpager);
//set the selected index of segments initiatively
segmentcontrolview.setSelectedIndex();
//set gradient effect if you want
segmentcontrolview.setGradient(true);项目地址：
https://github.com/Carbs0126/AndroidSegmentControlView
Git：
git clone https://github.com/Carbs0126/AndroidSegmentControlView.git
源码如下
package cn.carbs.android.segmentcontrolview.library;
import android.content.Context;
import android.content.res.TypedArray;
import android.graphics.Canvas;
import android.graphics.Paint;
import android.graphics.Path;
import android.graphics.Rect;
import android.graphics.RectF;
import android.support.v4.view.ViewPager;
import android.text.TextUtils;
import android.util.AttributeSet;
import android.view.MotionEvent;
import android.view.View;
import java.lang.reflect.Field;
/**
* an SegmentControlView inspired by the UISegmentControl on IOS platform.
* this view has many interesting such as :
* 1. set gradient effect when segment is changing by ViewPager if needed
* 2. set the corners' radius
* 3. set colors of texts and background
* 4. set titles in xml resource file
* 5. has pressed effect when finger touches this view, you can set the dark coefficient
*
* Author Carbs.Wang
* Email yeah0126#yeah.net
*/
public class SegmentControlView extends View
/**
* onSegmentChanged function will be triggered if segment changed
*/
public interface OnSegmentChangedListener
void onSegmentChanged(int newSelectedIndex);
private static final float TOUCHED_BACKGROUND_DARK_COEFFICIENT = 0.95F;
private static final int COLOR_PRIMARY_NORMAL = 0XFFFFFFFF;
private static final int COLOR_PRIMARY_SELECTED = 0XFF2CA99F;
private static final int DEFAULT_COLOR_BACKGROUND_SELECTED = COLOR_PRIMARY_SELECTED;
private static final int DEFAULT_COLOR_BACKGROUND_NORMAL = COLOR_PRIMARY_NORMAL;
private static final int DEFAULT_COLOR_TEXT_SELECTED = COLOR_PRIMARY_NORMAL;
private static final int DEFAULT_COLOR_TEXT_NORMAL = COLOR_PRIMARY_SELECTED;
private static final int DEFAULT_COLOR_FRAME = COLOR_PRIMARY_SELECTED;
private static final int DEFAULT_TEXT_SIZE_SP = 16;
private static final int DEFAULT_FRAME_WIDTH_PX = 2;
private static final int DEFAULT_FRAME_CORNER_RADIUS_PX = 0;
private static final int DEFAULT_SELECTED_INDEX = 0;
private static final int DEFAULT_SEGMENT_PADDING_HORIZONTAL = 16;
private static final int DEFAULT_SEGMENT_PADDING_VERTICAL = 12;
private static final boolean DEFAULT_IS_GRADIENT = false;
private String[] mTexts = null;
private int mColorBackgroundSelected = DEFAULT_COLOR_BACKGROUND_SELECTED;
private int mColorBackgroundNormal = DEFAULT_COLOR_BACKGROUND_NORMAL;
private int mColorTextSelected = DEFAULT_COLOR_TEXT_SELECTED;
private int mColorTextNormal = DEFAULT_COLOR_TEXT_NORMAL;
private int mColorFrame = DEFAULT_COLOR_FRAME;
private int mFrameWidth = DEFAULT_FRAME_WIDTH_PX;
private int mFrameCornerRadius = DEFAULT_FRAME_CORNER_RADIUS_PX;
private int mTextSize = 0;
private int mSelectedIndex = DEFAULT_SELECTED_INDEX;
//used in wrap_content mode
private int mSegmentPaddingHorizontal = DEFAULT_SEGMENT_PADDING_HORIZONTAL;
private int mSegmentPaddingVertical = DEFAULT_SEGMENT_PADDING_VERTICAL;
private boolean mIsGradient = DEFAULT_IS_GRADIENT;
private OnSegmentChangedListener mOnSegmentChangedListener;
private float unitWidth = 0;
private Paint paintText; //painter of the text
private Paint paintBackground; //painter of the background
private Paint paintFrame; //painter of the frame
private RectF rectF;
private RectF rectFArc;
private Path pathFrame;
private float textCenterYOffset;
private int preTouchedIndex = -1;
private int curTouchedIndex = -1;
private ViewPager viewPager;
public SegmentControlView(Context context)
super(context);
init();
public SegmentControlView(Context context, AttributeSet attrs)
super(context, attrs);
initAttr(context, attrs);
init();
public SegmentControlView(Context context, AttributeSet attrs, int defStyleAttr)
super(context, attrs, defStyleAttr);
initAttr(context, attrs);
init();
private void initAttr(Context context, AttributeSet attrs)
if (attrs == null)
return;
TypedArray a = context.obtainStyledAttributes(attrs, R.styleable.SegmentControlView);
int n = a.getIndexCount();
for (int i = 0; i < n; i++)
int attr = a.getIndex(i);
if(attr == R.styleable.SegmentControlView_scv_BackgroundSelectedColor)
mColorBackgroundSelected = a.getColor(attr, DEFAULT_COLOR_BACKGROUND_SELECTED);
else if(attr == R.styleable.SegmentControlView_scv_BackgroundNormalColor)
mColorBackgroundNormal = a.getColor(attr, DEFAULT_COLOR_BACKGROUND_NORMAL);
else if(attr == R.styleable.SegmentControlView_scv_TextSelectedColor)
mColorTextSelected = a.getColor(attr, DEFAULT_COLOR_TEXT_SELECTED);
else if(attr == R.styleable.SegmentControlView_scv_TextNormalColor)
mColorTextNormal = a.getColor(attr, DEFAULT_COLOR_TEXT_NORMAL);
else if(attr == R.styleable.SegmentControlView_scv_FrameColor)
mColorFrame = a.getColor(attr, DEFAULT_COLOR_FRAME);
else if(attr == R.styleable.SegmentControlView_scv_TextSize)
mTextSize = a.getDimensionPixelSize(attr, sp2px(getContext(), DEFAULT_TEXT_SIZE_SP));
else if(attr == R.styleable.SegmentControlView_scv_TextArray)
mTexts = convertCharSequenceToString(a.getTextArray(attr));
else if(attr == R.styleable.SegmentControlView_scv_FrameWidth)
mFrameWidth = a.getDimensionPixelSize(attr, DEFAULT_FRAME_WIDTH_PX);
else if(attr == R.styleable.SegmentControlView_scv_FrameCornerRadius)
mFrameCornerRadius = a.getDimensionPixelSize(attr, DEFAULT_FRAME_CORNER_RADIUS_PX);
else if(attr == R.styleable.SegmentControlView_scv_SelectedIndex)
mSelectedIndex = a.getInteger(attr, DEFAULT_SELECTED_INDEX);
else if(attr == R.styleable.SegmentControlView_scv_SegmentPaddingHorizontal)
mSegmentPaddingHorizontal = a.getDimensionPixelSize(attr, DEFAULT_SEGMENT_PADDING_HORIZONTAL);
else if(attr == R.styleable.SegmentControlView_scv_SegmentPaddingVertical)
mSegmentPaddingVertical = a.getDimensionPixelSize(attr, DEFAULT_SEGMENT_PADDING_VERTICAL);
else if(attr == R.styleable.SegmentControlView_scv_Gradient)
mIsGradient = a.getBoolean(attr, DEFAULT_IS_GRADIENT);
a.recycle();
private void init()
rectF = new RectF();
rectFArc = new RectF();
pathFrame = new Path();
if(mTextSize == 0)
mTextSize = sp2px(getContext(), DEFAULT_TEXT_SIZE_SP);
paintText = new Paint();
paintText.setAntiAlias(true);
paintText.setTextAlign(Paint.Align.CENTER);
paintText.setTextSize(mTextSize);
paintBackground = new Paint();
paintBackground.setAntiAlias(true);
paintBackground.setStyle(Paint.Style.FILL);
paintFrame = new Paint();
paintFrame.setAntiAlias(true);
paintFrame.setStyle(Paint.Style.STROKE);
paintFrame.setStrokeWidth(mFrameWidth);
paintFrame.setColor(mColorFrame);
textCenterYOffset = getTextCenterYOffset(paintText.getFontMetrics());
this.setClickable(true);
@Override
protected void onMeasure(int widthMeasureSpec, int heightMeasureSpec)
super.onMeasure(widthMeasureSpec, heightMeasureSpec);
setMeasuredDimension(measureWidth(widthMeasureSpec, paintText),
measureHeight(heightMeasureSpec, paintText));
@Override
protected void onSizeChanged(int w, int h, int oldw, int oldh)
super.onSizeChanged(w, h, oldw, oldh);
rectF.left = getPaddingLeft();
rectF.top = getPaddingTop();
rectF.right = w - getPaddingRight();
rectF.bottom = h - getPaddingBottom();
float inset = (float)Math.ceil(mFrameWidth / 2);
rectF.inset(inset, inset);
if(mTexts!= null && mTexts.length > 0)
unitWidth = rectF.width() / mTexts.length;
rectFArc.left = 0;
rectFArc.top = 0;
rectFArc.right = 2 * mFrameCornerRadius;
rectFArc.bottom = 2 * mFrameCornerRadius;
@Override
protected void onDraw(Canvas canvas)
super.onDraw(canvas);
if(!isStringArrayEmpty(mTexts))
drawBackgroundAndFrameAndText(canvas);
@Override
public boolean onTouchEvent(MotionEvent event)
preTouchedIndex = curTouchedIndex;
switch(event.getAction())
case MotionEvent.ACTION_DOWN:
curTouchedIndex = getTouchedIndex(event.getX(), event.getY());
if(preTouchedIndex != curTouchedIndex)
invalidate();
break;
case MotionEvent.ACTION_MOVE:
curTouchedIndex = getTouchedIndex(event.getX(), event.getY());
if(preTouchedIndex != curTouchedIndex)
invalidate();
break;
case MotionEvent.ACTION_UP:
curTouchedIndex = getTouchedIndex(event.getX(), event.getY());
if(curTouchedIndex != -1)
if(mOnSegmentChangedListener != null && mSelectedIndex != curTouchedIndex)
mOnSegmentChangedListener.onSegmentChanged(curTouchedIndex);
mSelectedIndex = curTouchedIndex;
curTouchedIndex = -1;
if(mIsGradient && checkViewPagerOnPageChangeListener(this.viewPager))
else
invalidate();
break;
case MotionEvent.ACTION_CANCEL:
curTouchedIndex = -1;
invalidate();
break;
return super.onTouchEvent(event);
public void setTextSize(int textSize)
if(this.mTextSize != textSize)
this.mTextSize = textSize;
paintText.setTextSize(textSize);
textCenterYOffset = getTextCenterYOffset(paintText.getFontMetrics());
requestLayout();
invalidate();
public int getSelectedIndex()
return mSelectedIndex;
public void setSelectedIndex(int selectedIndex)
if(mSelectedIndex != selectedIndex)
mSelectedIndex = selectedIndex;
if(mOnSegmentChangedListener != null)
mOnSegmentChangedListener.onSegmentChanged(mSelectedIndex);
// invalidate();
if(mIsGradient && checkViewPagerOnPageChangeListener(this.viewPager))
else
invalidate();
public void setTextColor(int textColorNormal, int textColorSelected)
this.mColorTextNormal = textColorNormal;
this.mColorTextSelected = textColorSelected;
invalidate();
public void setBackgroundColor(int backgroundColorNormal, int backgroundColorSelected)
this.mColorBackgroundNormal = backgroundColorNormal;
this.mColorBackgroundSelected = backgroundColorSelected;
invalidate();
public void setFrameColor(int frameColor)
this.mColorFrame = frameColor;
invalidate();
public void setFrameWidth(int frameWidth)
this.mFrameWidth = frameWidth;
requestLayout();
invalidate();
public void setTexts(String[] texts)
assertTextsValid(texts);
if(texts == null || texts.length < 2)
throw new IllegalArgumentException("SegmentControlView's content text array'length should larger than 1");
if(checkIfEqual(this.mTexts, texts))
return;
this.mTexts = texts;
unitWidth = rectF.width() / texts.length;
requestLayout();
invalidate();
public int getCount()
if(mTexts == null) return 0;
return mTexts.length;
/**
* setViewPager(viewpager) to response to the change of ViewPager
* @param viewPager the viewPager you want segmentcontrolview to respond with
*/
public void setViewPager(ViewPager viewPager)
this.viewPager = viewPager;
if (viewPager != null)
viewPager.setOnPageChangeListener(new InternalViewPagerListener());
/**
* set if this view has the Gradient effect when segment changed
* @param gradient set if you want gradient effect
*/
public void setGradient(boolean gradient)
if(mIsGradient != gradient)
mIsGradient = gradient;
public boolean getGradient()
return mIsGradient;
/**
* when segment changed,
* mOnSegmentChangedListener.onSegmentChanged(newSelectedIndex) will be triggered
* @param listener OnSegmentChangedListener
*/
public void setOnSegmentChangedListener(OnSegmentChangedListener listener)
mOnSegmentChangedListener = listener;
public void update()
invalidate();
private float getTextCenterYOffset(Paint.FontMetrics fontMetrics)
if(fontMetrics == null) return 0;
return Math.abs(fontMetrics.top + fontMetrics.bottom)/2;
private String[] convertCharSequenceToString(CharSequence[] csArray)
if(csArray == null) return null;
String[] sArray = new String[csArray.length];
for(int i = 0; i < csArray.length; i++)
sArray[i] = csArray[i].toString();
return sArray;
private void assertTextsValid(String[] texts)
if(texts == null || texts.length < 2)
throw new IllegalArgumentException("SegmentControlView's content text array'length should larger than 1");
private boolean checkViewPagerOnPageChangeListener(ViewPager viewPager)
if(viewPager == null) return false;
Field field = null;
try
field = ViewPager.class.getDeclaredField("mOnPageChangeListener");
if(field == null) return false;
field.setAccessible(true);
Object o = field.get(viewPager);
if(o != null && o instanceof InternalViewPagerListener)
return true;
catch (Exception e)
return false;
return false;
private int getTouchedIndex(float x, float y)
if(!rectF.contains(x, y))
return -1;
for(int i = 0; i < mTexts.length; i++)
if(rectF.left + i * unitWidth <= x && x < rectF.left + (i + 1) * unitWidth)
return i;
return -1;
private boolean checkIfEqual(String[] a, String[] b)
if(a == null && b == null)
return true;
if(a != null)
if(b == null)
return false;
if(a.length != b.length)
return false;
for(int i = 0; i < a.length; i++)
if(a[i] == null && b[i] == null)
continue;
if(a[i] != null && a[i].equals(b[i]))
continue;
else
return false;
return true;
return false;
private int measureWidth(int measureSpec, Paint paint)
int result = 0;
int specMode = MeasureSpec.getMode(measureSpec);
int specSize = MeasureSpec.getSize(measureSpec);
if (specMode == MeasureSpec.EXACTLY)
result = specSize;
else
int maxWidth = 0;
int maxWidthItem = getMaxWidthOfTextArray(mTexts, paint);
maxWidth = (maxWidthItem + 2 * mSegmentPaddingHorizontal + 2 * mFrameWidth) * mTexts.length;
if(maxWidth < 2 * mFrameCornerRadius)
maxWidth = 2 * mFrameCornerRadius;
result = this.getPaddingLeft() + this.getPaddingRight() + maxWidth;//MeasureSpec.UNSPECIFIED
if (specMode == MeasureSpec.AT_MOST)
result = Math.min(result, specSize);
return result;
private int measureHeight(int measureSpec, Paint paint)
int result = 0;
int specMode = MeasureSpec.getMode(measureSpec);
int specSize = MeasureSpec.getSize(measureSpec);
if (specMode == MeasureSpec.EXACTLY)
result = specSize;
else
int maxHeight = 0;
int maxHeightItem = getMaxHeightOfTextArray(mTexts, paint);
maxHeight = maxHeightItem + 2 * mSegmentPaddingVertical + 2 * mFrameWidth;
if(maxHeight < 2 * mFrameCornerRadius)
maxHeight = 2 * mFrameCornerRadius;
result = this.getPaddingTop() + this.getPaddingBottom() + maxHeight;//MeasureSpec.UNSPECIFIED
if (specMode == MeasureSpec.AT_MOST)
result = Math.min(result, specSize);
return result;
private int getMaxWidthOfTextArray(String[] array, Paint paint)
if(array == null)
return 0;
int maxWidth = 0;
for(String item : array)
if(item != null)
int itemWidth = getTextWidth(item, paint);
maxWidth = Math.max(itemWidth, maxWidth);
return maxWidth;
private int getMaxHeightOfTextArray(String[] array, Paint paint)
if(array == null)
return 0;
int maxHeight = 0;
for(String item : array)
if(item != null)
int itemHeight = getTextHeight(item, paint);
maxHeight = Math.max(itemHeight, maxHeight);
return maxHeight;
private void drawBackgroundAndFrameAndText(Canvas canvas)
int curBackgroundColor = 0;
int curTextColor = 0;
for(int i = 0; i < mTexts.length; i++)
float left = rectF.left + unitWidth * i;
pathFrame.reset();
if(i == 0)
pathFrame.moveTo(rectF.left, rectF.top + mFrameCornerRadius);
rectFArc.offsetTo(rectF.left, rectF.top);
pathFrame.arcTo(rectFArc, 180, 90);
pathFrame.lineTo(rectF.left + unitWidth, rectF.top);
pathFrame.lineTo(rectF.left + unitWidth, rectF.bottom);
pathFrame.lineTo(rectF.left + mFrameCornerRadius, rectF.bottom);
rectFArc.offsetTo(rectF.left, rectF.bottom - 2 * mFrameCornerRadius);
pathFrame.arcTo(rectFArc, 90, 90);
else if(i == (mTexts.length - 1))
pathFrame.moveTo(rectF.left + i * unitWidth, rectF.top);
pathFrame.lineTo(rectF.right - mFrameCornerRadius, rectF.top);
rectFArc.offsetTo(rectF.right - 2 * mFrameCornerRadius, rectF.top);
pathFrame.arcTo(rectFArc, 270, 90);
pathFrame.lineTo(rectF.right, rectF.bottom - mFrameCornerRadius);
rectFArc.offsetTo(rectF.right - 2 * mFrameCornerRadius, rectF.bottom - 2 * mFrameCornerRadius);
pathFrame.arcTo(rectFArc, 0, 90);
pathFrame.lineTo(rectF.left + i * unitWidth, rectF.bottom);
else
pathFrame.moveTo(left, rectF.top);
pathFrame.lineTo(left + unitWidth, rectF.top);
pathFrame.lineTo(left + unitWidth, rectF.bottom);
pathFrame.lineTo(left, rectF.bottom);
pathFrame.close();
if(!mIsGradient)
if(i == mSelectedIndex)
curBackgroundColor = mColorBackgroundSelected;
curTextColor = mColorTextSelected;
else
curBackgroundColor = mColorBackgroundNormal;
curTextColor = mColorTextNormal;
if(mIsGradient)
if(viewPagerPositionOffset != 0f)
if(i == viewPagerPosition)
curBackgroundColor = getEvaluateColor(viewPagerPositionOffset, mColorBackgroundSelected, mColorBackgroundNormal);
curTextColor = getEvaluateColor(viewPagerPositionOffset, mColorTextSelected, mColorTextNormal);
else if(i == viewPagerPosition + 1)
curBackgroundColor = getEvaluateColor(viewPagerPositionOffset, mColorBackgroundNormal, mColorBackgroundSelected);
curTextColor = getEvaluateColor(viewPagerPositionOffset, mColorTextNormal, mColorTextSelected);
else
curBackgroundColor = mColorBackgroundNormal;
curTextColor = mColorTextNormal;
else
if(i == mSelectedIndex)
curBackgroundColor = mColorBackgroundSelected;
curTextColor = mColorTextSelected;
else
curBackgroundColor = mColorBackgroundNormal;
curTextColor = mColorTextNormal;
paintBackground.setColor(curBackgroundColor);
if(curTouchedIndex == i)
paintBackground.setColor(getDarkColor(curBackgroundColor, TOUCHED_BACKGROUND_DARK_COEFFICIENT));
canvas.drawPath(pathFrame, paintBackground);
canvas.drawPath(pathFrame, paintFrame);
paintText.setColor(curTextColor);
canvas.drawText(mTexts[i], left + unitWidth / 2,rectF.centerY() + textCenterYOffset, paintText);
private int viewPagerPosition = -1;
private float viewPagerPositionOffset = 0f;
private class InternalViewPagerListener implements ViewPager.OnPageChangeListener
@Override
public void onPageScrolled(int position, float positionOffset, int positionOffsetPixels)
if(mIsGradient)
mSelectedIndex = position;
viewPagerPosition = position;
viewPagerPositionOffset = positionOffset;
invalidate();
@Override
public void onPageScrollStateChanged(int state)
@Override
public void onPageSelected(int position)
if(mIsGradient)
else
SegmentControlView.this.setSelectedIndex(position);
private int getDarkColor(int color, float darkCoefficient)
int a = (color & 0xff000000) >>> 24;
int r = (color & 0x00ff0000) >>> 16;
int g = (color & 0x0000ff00) >>> 8;
int b = (color & 0x000000ff) >>> 0;
r = (int)(r * darkCoefficient);
g = (int)(g * darkCoefficient);
b = (int)(b * darkCoefficient);
return a << 24 | r << 16 | g << 8 | b;
private int getEvaluateColor(float fraction, int startColor, int endColor)
int a, r, g, b;
int sA = (startColor & 0xff000000) >>> 24;
int sR = (startColor & 0x00ff0000) >>> 16;
int sG = (startColor & 0x0000ff00) >>> 8;
int sB = (startColor & 0x000000ff) >>> 0;
int eA = (endColor & 0xff000000) >>> 24;
int eR = (endColor & 0x00ff0000) >>> 16;
int eG = (endColor & 0x0000ff00) >>> 8;
int eB = (endColor & 0x000000ff) >>> 0;
a = (int)(sA + (eA - sA) * fraction);
r = (int)(sR + (eR - sR) * fraction);
g = (int)(sG + (eG - sG) * fraction);
b = (int)(sB + (eB - sB) * fraction);
return a << 24 | r << 16 | g << 8 | b;
private boolean isStringArrayEmpty(String[] array)
return (array == null || array.length == 0);
private static int sp2px(Context context, float spValue)
final float fontScale = context.getResources().getDisplayMetrics().scaledDensity;
return (int) (spValue * fontScale + 0.5f);
private int getTextWidth(String text, Paint paint)
if(!TextUtils.isEmpty(text))
return (int)(paint.measureText(text) + 0.5f);
return -1;
private int getTextHeight(String text, Paint paint)
if(!TextUtils.isEmpty(text))
Rect textBounds = new Rect();
paint.getTextBounds(text, 0, text.length(), textBounds);
return textBounds.height();
return -1;
以上是关于自定义控件之AndroidSegmentControlView，仿IOS平台UISegmentControlView，继承自View的主要内容，如果未能解决你的问题，请参考以下文章
android--------自定义控件 之 ViewGroup