android framelayout 白色条,android FrameLayout 变成圆形

参考文献

额外知识学习篇

效果图

1564027606(1).jpg

总结

1、我直接继承FrameLayout，它没有去执行onDraw的方法，默认情况下，所有ViewGroup子类都不调用它们的onDraw方法，所以我们需要设置setWillNotDraw(false)就OK了

2、需要对Canvas进行save(),restore()，因为我对画布进行了移动，否则会导致界面的文字移动到其它的地方

3、使用saveLayer就像你在canvas上面放一面通明的玻璃，你在玻璃上各种绘画都不会影响到下层的，当我们使用xfermode函数进行操作的时候，dst和src和合成不会受到其底层canvas的干扰

代码展示

android:id="@+id/wjregister_cirfraleyout"

android:layout_width="@dimen/dp_72"

android:layout_height="@dimen/dp_72"

android:layout_gravity="center_horizontal"

android:layout_marginTop="@dimen/dp_80">

android:textColor="@color/white"

android:layout_gravity="center"

android:textSize="@dimen/sp_18"

android:text="下一步"

android:layout_width="wrap_content"

android:layout_height="wrap_content" />

public class CircleFrameLayout extends FrameLayout {

private int mColor;

private Paint mPaint;

private Context mContext;

private int radius;

public CircleFrameLayout(@NonNull Context context) {

this(context, null);

}

public CircleFrameLayout(@NonNull Context context, @Nullable AttributeSet attrs) {

this(context, attrs, 0);

}

public CircleFrameLayout(@NonNull Context context, @Nullable AttributeSet attrs, int defStyleAttr) {

super(context, attrs, defStyleAttr);

this.mContext = context;

mPaint = new Paint();

mPaint.setAntiAlias(true);

mPaint.setColor(ContextCompat.getColor(mContext, R.color.app_theme_color));

setWillNotDraw(false);

}

@Override

protected void onSizeChanged(int w, int h, int oldw, int oldh) {

super.onSizeChanged(w, h, oldw, oldh);

int childCount = getChildCount();

radius = w / 2;

}

/**

* @date: 2019/7/24 0024

* @author: gaoxiaoxiong

* @description:设置颜色值

**/

public void setColor(String color){

if (StringUtils.getInstance().isEmpty(color)){

return;

}

mColor = Color.parseColor(color);

invalidate();

}

public void setColor(int color){

mColor = color;

invalidate();

}

@Override

protected void onDraw(Canvas canvas) {

canvas.save();

canvas.translate(radius, radius);

canvas.drawCircle(0, 0, radius, mPaint);

canvas.restore();

super.onDraw(canvas);

}

}