Customize the view to realize the background of redeeming lottery tickets [elementary]

[ The core idea ]

• Inherit LinearLayout, Rewrite three constructors ( Concatenation constructor )
• Fixed mode , Rewrite custom view Three methods to be implemented
  ###[ The core code is as follows ]

public class LotteryView extends LinearLayout{
    
    private Paint mPaint;
    private float mRadious =6;  // radius 
    private float mGap =5;  // Gap of edge serration 
    private int mCircleNumX; // The transverse   Number of edge serrated circles 
    private int mCircleNumY; // The longitudinal   Number of edge serrated circles 

    public LotteryView(Context context) {
    
        super(context);
    }

    public LotteryView(Context context,  AttributeSet attrs) {
    
        super(context, attrs);
        //1. Brush initialization 
        mPaint = new Paint();
        mPaint.setDither(true);
        mPaint.setStyle(Paint.Style.FILL);
        mPaint.setColor(Color.WHITE);

    }

    public LotteryView(Context context, AttributeSet attrs, int defStyleAttr) {
    
        super(context, attrs, defStyleAttr);
    }

    @Override
    protected void onSizeChanged(int w, int h, int oldw, int oldh) {
    
        super.onSizeChanged(w, h, oldw, oldh);
        //2. Specify the number of edge aliases drawn 
        mCircleNumX=(int)((w-mGap)/(mRadious*2+mGap));
        mCircleNumY=(int)((h-mGap)/(mRadious*2+mGap));
    }

    @Override
    protected void onDraw(Canvas canvas) {
    
        super.onDraw(canvas);
        //3. Specify the position of each circle center and draw a circle and fill the middle rectangle 
        for (int i = 0; i <mCircleNumX ; i++) {
    
        float radiousX=mGap+mRadious+((mRadious*2+mGap)*i);
        float radiousY=mGap+mRadious+((mRadious*2+mGap)*i);
            // Draw above 
            canvas.drawCircle(radiousX,0,mRadious,mPaint);
            // Draw left side 
            canvas.drawCircle(0,radiousY,mRadious,mPaint);
            // Draw the right 
            canvas.drawCircle(getWidth(),radiousY,mRadious,mPaint);
            // Draw below 
            canvas.drawCircle(radiousX,getHeight(),mRadious,mPaint);

        }
    }
}

###[ Reference directly in the layout ]

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android" xmlns:tools="http://schemas.android.com/tools" android:layout_width="match_parent" android:layout_height="match_parent" android:padding="50dp" android:orientation="vertical" tools:context="com.jing.www.lotterydemo.MainActivity">
    <com.jing.www.lotterydemo.LotteryView android:layout_width="match_parent" android:layout_height="150dp" android:background="#7E30B8DA" tools:ignore="MissingConstraints">
    </com.jing.www.lotterydemo.LotteryView>
    <com.jing.www.lotterydemo.LotteryView android:layout_width="match_parent" android:layout_height="150dp" android:background="#8A3CAC" tools:ignore="MissingConstraints">
    </com.jing.www.lotterydemo.LotteryView>
    <com.jing.www.lotterydemo.LotteryView android:layout_width="match_parent" android:layout_height="150dp" android:background="#59DB22" tools:ignore="MissingConstraints">
    </com.jing.www.lotterydemo.LotteryView>
</LinearLayout>

###[Demo Address ]
https://github.com/EugeniaGao/LotteryDemo

Gentle little brother and beautiful little sister , Like to like a little ~