ProgressBar中间带字体的，动

效果图：

这个里面的ProgressBar有三个知识点

1）修改progressBar的样式（就是上面的完成的进度的黄色模块，未完成的背景色灰色模块）

在drawable文件夹下：建个progressbar.xml文件

代码：<?xml version="1.0" encoding="utf-8"?>

<layer-list xmlns:android="http://schemas.android.com/apk/res/android" >

<item android:id="@android:id/background">

<shape>

<corners android:radius="10dip" />

<!-- 没有完成的进度条颜色 -->

<solid android:color="#C3C3C3" />

</shape>

</item>

<item android:id="@android:id/secondaryProgress">

<clip>

<shape>

<corners android:radius="10dip" />

<!-- 已完成的进度条的颜 -->

<solid android:color="#EFEA82" />

</shape>

</clip>

</item>

<item android:id="@android:id/progress">

<clip>

<shape>

<corners android:radius="10dip" />

<!-- 已完成的进度条的颜 -->

<solid android:color="#EFEA82" />

</shape>

</clip>

</item>

</layer-list>

使用

2）给progressBar添加动画(是不是so easy)

/*使用 ProgressBarAnimation anim1 = new ProgressBarAnimation(progressBar, 0, 50);

anim1.setDuration(2000);

progressBar.startAnimation(anim1);

*/

public class ProgressBarAnimation extends Animation {

private ProgressBar progressBar;

private float from;

private float to;

public ProgressBarAnimation(ProgressBar progressBar, float from, float to) {

super();

this.progressBar = progressBar;

this.from = from;

this.to = to;

}

@Override

protected void applyTransformation(float interpolatedTime, Transformation t) {

super.applyTransformation(interpolatedTime, t);

float value = from + (to - from) * interpolatedTime;

progressBar.setProgress((int) value);

}

}

3）ProgressBar中间带数字的

public class HorizontalProgressBarWithNumber extends ProgressBar{

//默认的数据

private static final int DEFAULT_TEXT_SIZE = 14;

private static final int DEFAULT_TEXT_COLOR = 0xfffc9130;

//高度

private static final int DEFAULT_HEIGHT_REACHED_PROGRESS_BAR = 1;

private static final int DEFAULT_HEIGHT_UNREACHED_PROGRESS_BAR =1;

private static final int DEFAULT_SIZE_TEXT_OFFSET = 10;

/**

* color of reached bar

*/

protected String mReachedBarColor = "#EFEA82";

/**

* color of unreached bar

*/

protected String mUnReachedBarColor = "#C3C3C3";

/**

* painter of all drawing things

*/

protected Paint mPaint = new Paint();

/**

* color of progress number

*/

protected int mTextColor = DEFAULT_TEXT_COLOR;

/**

* size of text (sp)

*/

protected int mTextSize = sp2px(DEFAULT_TEXT_SIZE);

/**

* offset of draw progress

*/

protected int mTextOffset = dp2px(DEFAULT_SIZE_TEXT_OFFSET);

/**

* height of reached progress bar

*/

protected int mReachedProgressBarHeight = dp2px(DEFAULT_HEIGHT_REACHED_PROGRESS_BAR);

/**

* height of unreached progress bar

*/

protected int mUnReachedProgressBarHeight = dp2px(DEFAULT_HEIGHT_UNREACHED_PROGRESS_BAR);

/**

* view width except padding

*/

protected int mRealWidth;

protected boolean mIfDrawText = true;

protected static final int VISIBLE = 0;

public HorizontalProgressBarWithNumber(Context context, AttributeSet attrs)

{

this(context, attrs, 0);

}

public HorizontalProgressBarWithNumber(Context context, AttributeSet attrs,

int defStyle)

{

super(context, attrs, defStyle);

obtainStyledAttributes(attrs);

mPaint.setTextSize(mTextSize);

mPaint.setColor(mTextColor);

}

@Override

protected synchronized void onMeasure(int widthMeasureSpec,

int heightMeasureSpec)

{

int width = MeasureSpec.getSize(widthMeasureSpec);

int height = measureHeight(heightMeasureSpec);

setMeasuredDimension(width, height);

mRealWidth = getMeasuredWidth() - getPaddingRight() - getPaddingLeft();

}

private int measureHeight(int measureSpec)

{

int result = 0;

int specMode = MeasureSpec.getMode(measureSpec);

int specSize = MeasureSpec.getSize(measureSpec);

if (specMode == MeasureSpec.EXACTLY)

{

result = specSize;

} else

{

float textHeight = (mPaint.descent() - mPaint.ascent());

result = (int) (getPaddingTop() + getPaddingBottom() + Math.max(

Math.max(mReachedProgressBarHeight,

mUnReachedProgressBarHeight), Math.abs(textHeight)));

if (specMode == MeasureSpec.AT_MOST)

{

result = Math.min(result, specSize);

}

}

return result;

}

/**

* get the styled attributes

*

* @param attrs

*/

private void obtainStyledAttributes(AttributeSet attrs)

{

// init values from custom attributes

final TypedArray attributes = getContext().obtainStyledAttributes(

attrs, R.styleable.HorizontalProgressBarWithNumber);

mTextColor = attributes

.getColor(

R.styleable.HorizontalProgressBarWithNumber_progress_text_color,

DEFAULT_TEXT_COLOR);

mTextSize = (int) attributes.getDimension(

R.styleable.HorizontalProgressBarWithNumber_progress_text_size,

mTextSize);

mReachedProgressBarHeight = (int) attributes

.getDimension(

R.styleable.HorizontalProgressBarWithNumber_progress_reached_bar_height,

mReachedProgressBarHeight);

mUnReachedProgressBarHeight = (int) attributes

.getDimension(

R.styleable.HorizontalProgressBarWithNumber_progress_unreached_bar_height,

mUnReachedProgressBarHeight);

mTextOffset = (int) attributes

.getDimension(

R.styleable.HorizontalProgressBarWithNumber_progress_text_offset,

mTextOffset);

int textVisible = attributes

.getInt(R.styleable.HorizontalProgressBarWithNumber_progress_text_visibility,

VISIBLE);

if (textVisible != VISIBLE)

{

mIfDrawText = false;

}

attributes.recycle();

}

@Override

protected synchronized void onDraw(Canvas canvas)

{

canvas.save();

canvas.translate(getPaddingLeft(), getHeight() / 2);

boolean noNeedBg = false;

float radio = getProgress() * 1.0f / getMax();

float progressPosX = (int) (mRealWidth * radio);

String text = getProgress() + "%";

// mPaint.getTextBounds(text, 0, text.length(), mTextBound);

float textWidth = mPaint.measureText(text);

float textHeight = (mPaint.descent() + mPaint.ascent()) / 2;

if (progressPosX + textWidth > mRealWidth)

{

progressPosX = mRealWidth - textWidth;

noNeedBg = true;

}

// draw reached bar

float endX = progressPosX - mTextOffset / 2;

if (endX > 0)

{

mPaint.setColor(Color.parseColor(mReachedBarColor));

mPaint.setStrokeWidth(mReachedProgressBarHeight);

canvas.drawLine(0, 0, endX, 0, mPaint);

}

// draw progress bar

// measure text bound

if (mIfDrawText)

{

mPaint.setColor(mTextColor);

canvas.drawText(text, progressPosX, -textHeight, mPaint);

}

// draw unreached bar

if (!noNeedBg)

{

float start = progressPosX + mTextOffset / 2 + textWidth;

mPaint.setColor(Color.parseColor(mUnReachedBarColor));

mPaint.setStrokeWidth(mUnReachedProgressBarHeight);

canvas.drawLine(start, 0, mRealWidth, 0, mPaint);

}

canvas.restore();

}

/**

* dp 2 px

*

* @param dpVal

*/

protected int dp2px(int dpVal)

{

return (int) TypedValue.applyDimension(TypedValue.COMPLEX_UNIT_DIP,

dpVal, getResources().getDisplayMetrics());

}

/**

* sp 2 px

*

* @param spVal

* @return

*/

protected int sp2px(int spVal)

{

return (int) TypedValue.applyDimension(TypedValue.COMPLEX_UNIT_SP,

spVal, getResources().getDisplayMetrics());

}