Android Studio布局编辑器中9-Patch Drawable显示异常咨询：与模拟器显示不一致，多版本均存在该问题

问题复盘 #

你遇到的情况很明确：

• 存放在drawable目录的9-Patch资源，在Android Studio的9-Patch编辑器里显示完全符合预期，API 29模拟器运行时也表现正常，但布局编辑器的预览完全不对。
• 更细节的是，布局编辑器能正确识别9-Patch的拉伸补丁区域，但完全不遵守你设置的内容补丁规则，而且这个问题不止出现在ConstraintLayout里，LinearLayout也有同样的问题。
• 从Android Studio Arctic Fox 2020.3.1 Patch 2、Patch 3，一直到Dolphin | 2021.3.1 Patch 1，这个问题始终存在。

你的布局代码如下：

<androidx.constraintlayout.widget.ConstraintLayout 
    android:layout_width="match_parent" 
    android:layout_height="match_parent" 
    android:background="@color/white" 
    android:backgroundTint="@android:color/darker_gray">
    <TextView 
        android:layout_width="wrap_content" 
        android:layout_height="wrap_content" 
        android:background="@drawable/bubble" 
        android:text="X" 
        android:textSize="24sp" 
        android:textStyle="bold" 
        app:layout_constraintBottom_toBottomOf="parent" 
        app:layout_constraintEnd_toEndOf="parent" 
        app:layout_constraintStart_toStartOf="parent" 
        app:layout_constraintTop_toTopOf="parent"/>
</androidx.constraintlayout.widget.ConstraintLayout>

结论与建议 #

首先可以确定：这不是你的操作疏漏，而是Android Studio布局编辑器的渲染Bug。

为什么这么说？ #

• 你的9-Patch资源本身没问题（9-Patch编辑器和模拟器都验证过），布局代码也没有错误；
• 多个版本的IDE都存在这个问题，且跨布局容器出现，说明是IDE预览层的通用问题，不是特定布局的适配问题；
• 你提到官方Bug追踪器已有类似ConstraintLayout的相关报告，而你的场景覆盖了更多布局容器，正好可以补充细节提交更完整的Bug报告。

后续处理建议 #

1. 不用纠结配置问题：既然模拟器和实际设备显示正常，说明你的实现是正确的，日常开发可以以设备/模拟器的显示为准；
2. 提交Bug补充信息：如果想推动官方修复，可以把你遇到的跨布局容器、编辑器仅识别拉伸补丁的细节，加上使用的IDE版本、测试的API等级等信息，提交到官方Bug追踪系统；
3. 临时预览 workaround：如果需要在编辑器里更贴近真实效果的预览，可以暂时用普通Drawable替代9-Patch做布局调试，最终替换回9-Patch即可；也可以尝试切换布局编辑器的预览API版本到和模拟器一致的API 29，不过大概率无法解决，但可以一试。

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