自定义视图未在 Android Studio 的设计视图中呈现？

Question

我在屏幕底部创建了一个自定义信息视图，顶部有分隔线。 尽管它在应用程序中运行良好，但我在 Android Studio (V4.1) 的设计视图中渲染它时遇到了麻烦。

class InfoDivider @JvmOverloads constructor(
    context: Context,
    attrs: AttributeSet? = null,
    defStyle: Int = 0,
    defStyleRes: Int = 0
) : LinearLayout(context, attrs, defStyle, defStyleRes) {

    var text: String? by Delegates.observable<String?>("") { _, old, new ->
        if (old != new)
            update()
    }


    init {
        LayoutInflater.from(context)
            .inflate(R.layout.info_divider, this, true)

        orientation = VERTICAL

        if (attrs != null) {
            val math = context.obtainStyledAttributes(attrs, R.styleable.InfoDivider)

            if (math.hasValue(R.styleable.InfoDivider_text)) {
                this.text = math.getString(R.styleable.InfoDivider_text)
            }


            math.recycle()
        }
    }

    private fun update() {
        txt_message.text = text
    }
}

它仅在设计视图中引发一些问题

java.lang.NoSuchMethodError: kotlin.jvm.internal.MutablePropertyReference1Impl.<init>(Ljava/lang/Class;Ljava/lang/String;Ljava/lang/String;I)V
    at com.test.custom_views.info_dividers.InfoDivider.<clinit>(InfoDivider.kt)
    at sun.reflect.NativeConstructorAccessorImpl.newInstance0(Native Method)
    at sun.reflect.NativeConstructorAccessorImpl.newInstance(NativeConstructorAccessorImpl.java:62)
    at sun.reflect.DelegatingConstructorAccessorImpl.newInstance(DelegatingConstructorAccessorImpl.java:45)
    at java.lang.reflect.Constructor.newInstance(Constructor.java:423)
    at org.jetbrains.android.uipreview.ViewLoader.createNewInstance(ViewLoader.java:413)
    at org.jetbrains.android.uipreview.ViewLoader.loadClass(ViewLoader.java:203)
    at org.jetbrains.android.uipreview.ViewLoader.loadView(ViewLoader.java:161)
    at com.android.tools.idea.rendering.LayoutlibCallbackImpl.loadView(LayoutlibCallbackImpl.java:309)
    at android.view.BridgeInflater.loadCustomView(BridgeInflater.java:416)
    at android.view.BridgeInflater.loadCustomView(BridgeInflater.java:427)
    at android.view.BridgeInflater.createViewFromTag(BridgeInflater.java:331)
    at android.view.LayoutInflater.createViewFromTag(LayoutInflater.java:961)
    at android.view.LayoutInflater.inflate(LayoutInflater.java:659)
    at android.view.LayoutInflater.inflate(LayoutInflater.java:501)
    at com.android.layoutlib.bridge.impl.RenderSessionImpl.inflate(RenderSessionImpl.java:353)
    at com.android.layoutlib.bridge.Bridge.createSession(Bridge.java:404)
    at com.android.tools.idea.layoutlib.LayoutLibrary.createSession(LayoutLibrary.java:141)
    at com.android.tools.idea.rendering.RenderTask.createRenderSession(RenderTask.java:713)
    at com.android.tools.idea.rendering.RenderTask.lambda$inflate$6(RenderTask.java:844)
    at java.util.concurrent.CompletableFuture$AsyncSupply.run(CompletableFuture.java:1604)
    at java.util.concurrent.ThreadPoolExecutor.runWorker(ThreadPoolExecutor.java:1149)
    at java.util.concurrent.ThreadPoolExecutor$Worker.run(ThreadPoolExecutor.java:624)
    at java.lang.Thread.run(Thread.java:748)

看起来像这样

它应该是这样的

Answer 1

对于任何可能陷入同一问题的人。

根本原因是 Kotlin 委托属性。

解决方案可能是以下 3 种之一：

• 删除使用委托属性的代码

• 保留委托属性逻辑并将您的 Kotlin 版本降低到 1.3 - 我自己测试过，它可以工作，但您必须放弃一些只有 Kotlin 1.4 才能提供的 Kotlin 功能，例如尾随逗号、自动智能转换...

• 保留委托属性，Kotlin 版本高于 1.4，并将 Android Studio 升级到 4.2 beta - 撰写此答案时的最新版本。

这是我找到上面答案的地方

Kotlin 委托属性导致 Android Studio 中预览渲染错误

https://issuetracker.google.com/issues/165312270

Answer 2

class InfoDivider @JvmOverloads constructor(
    context: Context,
    attrs: AttributeSet? = null,
    defStyle: Int = 0,
    defStyleRes: Int = 0
) : LinearLayout(context, attrs, defStyle, defStyleRes) {

    init {
        LayoutInflater.from(context)
            .inflate(R.layout.info_divider, this, true)

        orientation = VERTICAL

        if (attrs != null) {
            val math = context.obtainStyledAttributes(attrs, R.styleable.InfoDivider)

            if (math.hasValue(R.styleable.InfoDivider_text)) {
                txt_message.text = math.getString(R.styleable.InfoDivider_text)
            }
            math.recycle()
        }
    }

    fun setText(str: String) {
        txt_message.text = str
    }
}