帶節(jié)點的進度條
代碼地址:https://github.com/mygzk/NodeProgress.git
在構(gòu)造函數(shù)中獲取自定義屬性
自定義view 重寫onDraw()方法
關(guān)鍵代碼：
在onMeasure()方法計算控件寬度 高度 初始化節(jié)點個數(shù)
在onDraw()中畫內(nèi)容分三步分
畫線
畫節(jié)點
畫文字
核心代碼：
@Override
protected void onMeasure(int widthMeasureSpec, int heightMeasureSpec) {
super.onMeasure(widthMeasureSpec, heightMeasureSpec);
mWidth = getMeasuredWidth();
mHeight = getMeasuredHeight();
int d = (mWidth - getPaddingLeft() - getPaddingRight()) / (mNumber - 1);
nodes = new ArrayList<>();
for (int i = 0; i < mNumber; i++) {
if (i == 0) {
Node node = new Node();
Point paint = new Point(getPaddingLeft() + mNodeRadio, mHeight / 2);
node.setPoint(paint);
node.setDes("第" + (i + 1) + "個");
nodes.add(node);
continue;
}
if (i == mNumber - 1) {
Node node = new Node();
Point paint = new Point(mWidth - getPaddingRight() - mNodeRadio, mHeight / 2);
node.setPoint(paint);
node.setDes("第" + (i + 1) + "個");
nodes.add(node);
continue;
}
Node node = new Node();
Point paint = new Point(getPaddingLeft() + d * i - mNodeRadio, mHeight / 2);
node.setPoint(paint);
node.setDes("第" + (i + 1) + "個");
nodes.add(node);
}
}
private void drawLineProgress(Canvas canvas) {
int startX = getPaddingLeft() + mNodeRadio * 2;
for (int i = 1; i < nodes.size(); i++) {
Node node = nodes.get(i);
Point point = node.getPoint();
int x = point.x;
int y = point.y;
x = x - mNodeRadio;
if (mCurentNode >= i) {
canvas.drawLine(startX, y, x, y, mLineProgressPaint);
} else {
canvas.drawLine(startX, y, x, y, mLinePaint);
}
startX = x + mNodeRadio * 2;
}
}
private void drawNodeProgress(Canvas canvas) {
for (int i = 0; i < nodes.size(); i++) {
Node node = nodes.get(i);
Point point = node.getPoint();
if (mCurentNode >= i) {
if (mNodeProgressBitmap != null) {
Rect b1 = new Rect(0, 0, mNodeProgressBitmap.getWidth(), mNodeProgressBitmap.getHeight());
Rect b = new Rect(point.x - mNodeRadio, point.y - mNodeRadio,
point.x + mNodeRadio, point.y + mNodeRadio);
canvas.drawBitmap(mNodeProgressBitmap, b1, b, mNodePaint);
} else {
canvas.drawCircle(point.x, point.y, mNodeRadio, mNodeProgressPaint);
}
} else {
if (mNodeBitmap != null) {
Rect b1 = new Rect(0, 0, mNodeBitmap.getWidth(), mNodeBitmap.getHeight());
Rect b = new Rect(point.x - mNodeRadio, point.y - mNodeRadio,
point.x + mNodeRadio, point.y + mNodeRadio);
canvas.drawBitmap(mNodeBitmap, b1, b, mNodePaint);
} else {
canvas.drawCircle(point.x, point.y, mNodeRadio, mNodePaint);
}
}
}
}
private void drawTextProgress(Canvas canvas) {
for (int i = 0; i < nodes.size(); i++) {
Node node = nodes.get(i);
Point point = node.getPoint();
String text = node.getDes();
Paint.FontMetricsInt fmi = mTextPaint.getFontMetricsInt();
if (mCurentNode >= i) {
canvas.drawText(text, point.x, point.y + mNodeRadio + fmi.bottom - fmi.top, mTextProgressPaint);
} else {
canvas.drawText(text, point.x, point.y + mNodeRadio + fmi.bottom - fmi.top, mTextPaint);
}
}
}
上效果圖：
0.png
