为何添加stroke属性导致Android Drawable无法渲染？

嘿，我一眼就看出问题所在啦！你遇到的渲染失败，核心原因是边框宽度超出了ImageView的可用尺寸——这是Android Drawable渲染里很容易踩的小坑。

问题根源拆解 #

你的ImageView高度只有10dp，但你给stroke设置了20dp的宽度。Android的shape stroke是在Drawable的边界上绘制，宽度会占用Drawable的内部空间。也就是说，上下各20dp的边框加起来就占了40dp，远远超过了你ImageView仅10dp的高度，系统根本没法在这么小的空间里绘制出这么宽的边框，直接就放弃渲染了。

这也完美解释了你的测试结果：

• 移除android:width="20dp"后，边框消失，solid的底色能正常显示；
• 只移除color属性，width还是20dp，空间依然不够，所以还是没法渲染。

给你几个解决方案 #

方案1：缩小边框宽度（最直接）

把stroke的width调整到ImageView尺寸能容纳的范围里。比如你的ImageView高度是10dp，那stroke的width最多设为5dp（上下各5dp刚好填满高度），但实际建议设小一点，比如2dp，这样还能看到solid的底色：

<?xml version="1.0" encoding="utf-8"?>
<shape xmlns:android="http://schemas.android.com/apk/res/android" android:shape="rectangle">
    <!-- 调整为2dp，适配10dp高度的ImageView -->
    <stroke android:width="2dp" android:color="#76a6ff"/>
    <!-- 简化corners写法，统一设置圆角更简洁 -->
    <corners android:radius="6dp"/>
    <solid android:color="#bad2ff"/>
</shape>

方案2：增大ImageView尺寸

如果一定要保留20dp的宽边框，那就要把ImageView的高度至少改成40dp（上下各20dp边框），宽度你的62dp足够容纳左右各20dp的边框：

<ImageView 
    android:id="@+id/prog_2" 
    android:layout_width="62dp" 
    android:layout_height="40dp" 
    android:layout_marginEnd="3dp" 
    android:src="@drawable/blue_border" />

方案3：改用background属性（适合窄视图场景）

如果就是想要窄ImageView加边框，可以把Drawable设为ImageView的background而不是src——background会自适应ImageView的尺寸，不过要记得加padding让solid的底色显示出来：

<ImageView 
    android:id="@+id/prog_2" 
    android:layout_width="62dp" 
    android:layout_height="10dp" 
    android:layout_marginEnd="3dp" 
    android:background="@drawable/blue_border"
    android:padding="2dp"/> <!-- padding值和stroke width一致，避免底色被边框覆盖 -->

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