如何创建 Circle ProgressDrawable 以在 fresco 中使用？

Question

我是 Fresco 库的新手，在将图像从 uri 加载到 DraweeView 时试图显示圆圈 Progressbar。现在我使用默认进度条如下：

 GenericDraweeHierarchyBuilder builder = new GenericDraweeHierarchyBuilder(getResources());
 GenericDraweeHierarchy hierarchy = builder.setFadeDuration(fadeInTime).build();
 hierarchy.setProgressBarImage(new ProgressBarDrawable());
 thumbnailImageView.setHierarchy(hierarchy);

然而，ProgressBar是horizontal ProgressBar？有没有办法把它改成圆形？

Answer 1

用 Google 搜索了很多时间后，我找不到任何结果。我决定自己写 CircleProgressDrawable。我只是想分享给那些不想像我一样浪费时间的人。

public class CircleProgressDrawable extends ProgressBarDrawable {

private final Paint mPaint = new Paint(Paint.ANTI_ALIAS_FLAG);
private int mBackgroundColor = 0x80000000;
private int mColor = 0x800080FF;
private int mBarWidth = 20;
private int mLevel = 0;
private boolean mHideWhenZero = false;
private int radius = 50;

public CircleProgressDrawable() {
    mPaint.setStyle(Paint.Style.STROKE);
    mPaint.setStrokeWidth(10f);
}

public void setRadius(int radius) {
    this.radius = radius;
}

/**
 * Sets the progress bar color.
 */
public void setColor(int color) {
    if (mColor != color) {
        mColor = color;
        invalidateSelf();
    }
}

/**
 * Gets the progress bar color.
 */
public int getColor() {
    return mColor;
}

/**
 * Sets the progress bar background color.
 */
public void setBackgroundColor(int backgroundColor) {
    if (mBackgroundColor != backgroundColor) {
        mBackgroundColor = backgroundColor;
        invalidateSelf();
    }
}

/**
 * Gets the progress bar background color.
 */
public int getBackgroundColor() {
    return mBackgroundColor;
}


/**
 * Sets the progress bar width.
 */
public void setBarWidth(int barWidth) {
    if (mBarWidth != barWidth) {
        mBarWidth = barWidth;
        invalidateSelf();
    }
}

/**
 * Gets the progress bar width.
 */
public int getBarWidth() {
    return mBarWidth;
}

/**
 * Sets whether the progress bar should be hidden when the progress is 0.
 */
public void setHideWhenZero(boolean hideWhenZero) {
    mHideWhenZero = hideWhenZero;
}

/**
 * Gets whether the progress bar should be hidden when the progress is 0.
 */
public boolean getHideWhenZero() {
    return mHideWhenZero;
}

@Override
protected boolean onLevelChange(int level) {
    mLevel = level;
    invalidateSelf();
    return true;
}

@Override
public void setAlpha(int alpha) {
    mPaint.setAlpha(alpha);
}

@Override
public void setColorFilter(ColorFilter cf) {
    mPaint.setColorFilter(cf);
}

@Override
public int getOpacity() {
    return DrawableUtils.getOpacityFromColor(mPaint.getColor());
}

@Override
public void draw(Canvas canvas) {
    if (mHideWhenZero && mLevel == 0) {
        return;
    }
    drawCircle(canvas, mBackgroundColor);
    drawArc(canvas, mLevel, mColor);
}

private final int MAX_LEVEL = 10000;

private void drawArc(Canvas canvas, int level, int color) {
    mPaint.setColor(color);

    Rect bounds = getBounds();
    // find center point
    int xpos = bounds.left + bounds.width() / 2;
    int ypos = bounds.bottom - bounds.height() / 2;
    RectF rectF = new RectF(xpos - radius, ypos - radius, xpos + radius, ypos + radius);
    float degree = (float) level / (float) MAX_LEVEL * 360;
    canvas.drawArc(rectF, 270, degree, false, mPaint);
    LogUtils.e("level: " + level + ", degree: " + degree);
}

private void drawCircle(Canvas canvas, int color) {
    mPaint.setColor(color);
    Rect bounds = getBounds();
    int xpos = bounds.left + bounds.width() / 2;
    int ypos = bounds.bottom - bounds.height() / 2;
    canvas.drawCircle(xpos, ypos, radius, mPaint);
}
}

如何创建 Circle ProgressDrawable 以在 fresco 中使用？

How to create Circle ProgressDrawable to use in fresco?

android

fresco