Android Studio中ConstraintLayout Barrier设计视图不显示问题求助

我之前也碰到过一模一样的情况——在Android Studio 3.1.1里用androidx.constraintlayout:1.1.3的Barrier时，设计视图要么显示位置错乱，要么直接消失，但换成旧的android.support.constraint.ConstraintLayout就完全正常。这其实是这个版本的约束布局和当时AS版本的编辑器渲染不兼容导致的bug，给你几个可行的解决办法：

最推荐的方案：升级ConstraintLayout版本 #

1.1.3是比较早期的androidx约束布局版本，后续迭代修复了大量编辑器渲染的问题。你只需要在项目的build.gradle(Module级别)里把依赖升级到更稳定的版本，比如2.1.4（这个版本兼容性和稳定性都很好）：

implementation 'androidx.constraintlayout:constraintlayout:2.1.4'

同步项目后，再打开布局文件，Barrier应该就能在Design视图里正常显示和工作了。

临时修复（不想升级版本的话） #

如果暂时不想升级依赖，可以试试这几个操作：

• 彻底移除Barrier上的tools:layout_editor_absoluteX属性，这个是编辑器自动生成的绝对定位属性，会干扰Barrier的自动计算逻辑，有时候即使你删过，编辑器可能会重新生成，记得保存Text视图后再切回Design视图。
• 清理Android Studio缓存并重启：点击顶部菜单栏的File -> Invalidate Caches / Restart，选择Invalidate and Restart，彻底清理缓存后重新打开项目，很多编辑器渲染异常都能通过这个解决。
• 切换到Text视图修改布局代码后，先保存，再切回Design视图，让编辑器重新计算布局约束。

修复后的布局代码示例 #

这里给你整理了去掉冗余属性后的布局代码，升级依赖后直接用这个就能正常显示Barrier：

<?xml version="1.0" encoding="utf-8"?>
<androidx.constraintlayout.widget.ConstraintLayout xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:app="http://schemas.android.com/apk/res-auto"
    xmlns:tools="http://schemas.android.com/tools"
    android:layout_width="match_parent"
    android:layout_height="match_parent">

    <Button
        android:id="@+id/button"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_marginStart="8dp"
        android:layout_marginTop="8dp"
        android:text="Button"
        app:layout_constraintStart_toStartOf="parent"
        app:layout_constraintTop_toTopOf="parent" />

    <Button
        android:id="@+id/button2"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_marginStart="8dp"
        android:layout_marginTop="8dp"
        android:text="Button"
        app:layout_constraintStart_toStartOf="parent"
        app:layout_constraintTop_toBottomOf="@+id/button" />

    <androidx.constraintlayout.widget.Barrier
        android:id="@+id/barrier2"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        app:barrierDirection="end"
        app:constraint_referenced_ids="button,button2" />

</androidx.constraintlayout.widget.ConstraintLayout>

另外补充一点：Android Studio 3.1.1本身也属于比较旧的版本，如果升级ConstraintLayout后还是有零星的渲染问题，建议考虑把AS升级到4.x及以上版本，新版本对androidx库的支持会更完善。

内容的提问来源于stack exchange，提问作者tjarvstrand