Android 弧形ViewPager 和弧形HeaderView（升级版）

@Override
protected void onDraw(Canvas canvas) {
int canvasWidth = canvas.getWidth();
int canvasHeight = canvas.getHeight();
int layerId = canvas.saveLayer(0, 0, canvasWidth, canvasHeight, null, Canvas.ALL_SAVE_FLAG);
canvas.drawCircle(mCircleCenter.x, mCircleCenter.y, mRadius, mPaint);
//设置PorterDuffXfermode
mPaint.setXfermode(new PorterDuffXfermode(PorterDuff.Mode.SRC_IN));
// 通过变量mIsShowImage 来控制是显示图片还是颜色
if (mIsShowImage) {
if (mBitmap != null) {
canvas.drawBitmap(mBitmap, null, mRect, mPaint);
}

} else {
mPaint.setShader(mLinearGradient);//绘制渐变色
canvas.drawRect(mRect, mPaint);
}

mPaint.setXfermode(null);
canvas.restoreToCount(layerId);
}

就是这么简单，最后效果如下：

效果是不是好了很多？

3. 完整源码

PerfectArcView.java

public class PerfectArcView extends View implements Target {
private Paint mPaint;
private Bitmap mBitmap;
private int mHeight;
private int mWidth;
private RectF mRect = new RectF();
private Point mCircleCenter;
private float mRadius;
private int mStartColor;
private int mEndColor;
private LinearGradient mLinearGradient;
/**

• 显示图片还是显示色值
  */
  private boolean mIsShowImage = true;

public PerfectArcView(Context context, @Nullable AttributeSet attrs) {
super(context, attrs);
readAttr(attrs);
init();
}

private void init() {
setLayerType(View.LAYER_TYPE_SOFTWARE, null);
mPaint = new Paint();
mPaint.setColor(Color.WHITE);
mPaint.setStyle(Paint.Style.FILL);
mPaint.setAntiAlias(true);
// mBitmap = BitmapFactory.decodeResource(getResources(),R.mipmap.splash);
mCircleCenter = new Point();
}

private void readAttr(AttributeSet set) {
TypedArray typedArray = getContext().obtainStyledAttributes(set, R.styleable.PerfectArcView);
mStartColor = typedArray.getColor(R.styleable.PerfectArcView_p_arc_startColor, Color.parseColor(“#FF3A80”));
mEndColor = typedArray.getColor(R.styleable.PerfectArcView_p_arc_endColor, Color.parseColor(“#FF3745”));
mIsShowImage = typedArray.getBoolean(R.styleable.PerfectArcView_p_arc_showImage, false);
}

@Override
protected void onSizeChanged(int w, int h, int oldw, int oldh) {
super.onSizeChanged(w, h, oldw, oldh);
mHeight = getHeight();
int width = getWidth();
mWidth = width;
// 半径
mRadius = width * 2;
// 矩形
mRect.left = 0;
mRect.top = 0;
mRect.right = width;
mRect.bottom = mHeight;
// 圆心坐标
mCircleCenter.x = width / 2;
mCircleCenter.y = mHeight - width * 2;

mLinearGradient = new LinearGradient(width / 2, 0, width / 2, mHeight, mStartColor, mEndColor, Shader.TileMode.MIRROR);
}

/**

• 加载网络图片
• @param url
  */
  public void setImageUrl(String url) {
  Picasso.with(getContext()).load(url).into(this);
  }

/**

• @param startColor
• @param endColor
  */
  public void setColor(@ColorInt int startColor, @ColorInt int endColor) {
  mStartColor = startColor;
  mEndColor = endColor;
  mIsShowImage = false;
  mLinearGradient = new LinearGradient(mWidth / 2, 0, mWidth / 2, mHeight, mStartColor, mEndColor, Shader.TileMode.MIRROR);
  invalidate();
  }

@RequiresApi(api = Build.VERSION_CODES.LOLLIPOP)
@Override
protected void onDraw(Canvas canvas) {
int canvasWidth = canvas.getWidth();
int canvasHeight = canvas.getHeight();
int layerId = canvas.saveLayer(0, 0, canvasWidth, canvasHeight, null, Canvas.ALL_SAVE_FLAG);
canvas.drawCircle(mCircleCenter.x, mCircleCenter.y, mRadius, mPaint);
mPaint.setXfermode(new PorterDuffXfermode(PorterDuff.Mode.SRC_IN));
if (mIsShowImage) {
if (mBitmap != null) {
canvas.drawBitmap(mBitmap, null, mRect, mPaint);
}

} else {
mPaint.setShader(mLinearGradient);//绘制渐变色
canvas.drawRect(mRect, mPaint);
}

mPaint.setXfermode(null);
canvas.restoreToCount(layerId);
}

最后

愿你有一天，真爱自己，善待自己。

网上学习资料一大堆，但如果学到的知识不成体系，遇到问题时只是浅尝辄止，不再深入研究，那么很难做到真正的技术提升。

需要这份系统化学习资料的朋友，可以戳这里获取

一个人可以走的很快，但一群人才能走的更远！不论你是正从事IT行业的老鸟或是对IT行业感兴趣的新人，都欢迎加入我们的的圈子（技术交流、学习资源、职场吐槽、大厂内推、面试辅导），让我们一起学习成长！

](https://bbs.csdn.net/topics/618156601)**

一个人可以走的很快，但一群人才能走的更远！不论你是正从事IT行业的老鸟或是对IT行业感兴趣的新人，都欢迎加入我们的的圈子（技术交流、学习资源、职场吐槽、大厂内推、面试辅导），让我们一起学习成长！