Skeleton Structure of TikTokButton

TikTokButton.kt

// 1: Create skeleton structure in OnDraw() method
override fun onDraw(canvas: Canvas) {
    canvas.drawBitmap(bitmapOfThisView, 0f, 0f, paint)
}

private fun getRightPaint() = paint.apply {
    color = rightColor
}

private fun getLeftPaint() = paint.apply {
    color = leftColor
}

private fun getCenterPaint() = paint.apply {
    color = centerColor
}

private val bitmapOfThisView by lazy {
    // 2: Create bitmap which has the same size as the view
    // 3: Draw the right part
    // 4: Draw the center part
    // 5: Draw the left part
    // 6: Draw the plus icon
    // 7: clear the PorterDuffXfermode
}