Android Kotlin -自定义视图在设计编辑器中显示不正确

class MyCustomView @JvmOverloads constructor(
    context: Context,
    attrs: AttributeSet? = null,
    defStyleAttr: Int = 0
) : View(context, attrs, defStyleAttr) {

    init {
        // 初始化代码
    }

    override fun onDraw(canvas: Canvas) {
        super.onDraw(canvas)
        // 绘制代码
    }
}

init {
    if (!isInEditMode) {
        // 仅在运行时执行的代码
    }
}

init {
    val typedArray = context.obtainStyledAttributes(attrs, R.styleable.MyCustomView)
    val someAttribute = typedArray.getString(R.styleable.MyCustomView_someAttribute) ?: "default_value"
    typedArray.recycle()
}

<com.example.MyCustomView
    android:layout_width="match_parent"
    android:layout_height="wrap_content"
    app:someAttribute="value" />

@Preview(showBackground = true)
@Composable
fun MyCustomViewPreview() {
    MyCustomView()
}

package com.example.customview

import android.content.Context
import android.graphics.Canvas
import android.graphics.Color
import android.graphics.Paint
import android.util.AttributeSet
import android.view.View

class MyCustomView @JvmOverloads constructor(
    context: Context,
    attrs: AttributeSet? = null,
    defStyleAttr: Int = 0
) : View(context, attrs, defStyleAttr) {

    private val paint = Paint().apply {
        color = Color.RED
        style = Paint.Style.FILL
    }

    init {
        if (!isInEditMode) {
            // 仅在运行时执行的代码
        }
    }

    override fun onDraw(canvas: Canvas) {
        super.onDraw(canvas)
        canvas.drawCircle(width / 2f, height / 2f, 100f, paint)
    }
}

<com.example.customview.MyCustomView
    android:layout_width="match_parent"
    android:layout_height="wrap_content" />