android FrameLayout 变成圆形

参考文献

android 自定义控件onDraw方法未被调用
为什么在invalidate（）之后没有调用onDraw

额外知识学习篇

android canvas layer (图层)详解与进阶

效果图

1564027606(1).jpg

总结

1、我直接继承FrameLayout，它没有去执行onDraw的方法，默认情况下，所有ViewGroup子类都不调用它们的onDraw方法，所以我们需要设置setWillNotDraw(false)就OK了
2、需要对Canvas进行save(),restore()，因为我对画布进行了移动，否则会导致界面的文字移动到其它的地方
3、使用saveLayer就像你在canvas上面放一面通明的玻璃，你在玻璃上各种绘画都不会影响到下层的，当我们使用xfermode函数进行操作的时候，dst和src和合成不会受到其底层canvas的干扰

代码展示

<com.xxxxx.CircleFrameLayout
        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">
        <TextView
            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" />
    </com.weiju.mall.widget.CircleFrameLayout>

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);
    }
}