android.support.v7.preference.Preference中的VectorDrawable图像显示不正确

Question

Android studio 3.6

这里是VectorDrawable (res/drawable/ic_phone_bw.xml)

<vector android:height="24dp" android:viewportHeight="294.8"
    android:viewportWidth="294.8" android:width="24dp" xmlns:android="http://schemas.android.com/apk/res/android">
    <path android:fillColor="#FFFFFF" android:pathData="M147.4,147.4m-141.73,0a141.73,141.73 0,1 1,283.46 0a141.73,141.73 0,1 1,-283.46 0"/>
    <path android:fillColor="#FF000000" android:pathData="M147.4,147.4m-131.99,0a131.99,131.99 0,1 1,263.98 0a131.99,131.99 0,1 1,-263.98 0"/>
    <path android:fillColor="#FFFFFF" android:pathData="M200.62,248.9H94.19c-1.39,0 -2.52,-1.13 -2.52,-2.52V49.48c0,-1.39 1.13,-2.52 2.52,-2.52h106.43c1.39,0 2.52,1.13 2.52,2.52v196.9C203.13,247.77 202.01,248.9 200.62,248.9z"/>
    <path android:fillColor="#FF000000" android:pathData="M102.7,75.7h89.39v149.58h-89.39z"/>
</vector>

我想优先使用它，如下所示：

​

但这里的结果是：

​

​

为什么图标显示不正确(黑点)？

Answer 1

作为参考，这里有一个相当于您的VectorDrawable的SVG。

​

<svg width="240px" height="240px" viewBox="0 0 294.8 294.8">
  <path fill="#FFFFFF" d="M147.4,147.4m-141.73,0a141.73,141.73 0,1 1,283.46 0a141.73,141.73 0,1 1,-283.46 0"/>
  <path fill="#000000" d="M147.4,147.4m-131.99,0a131.99,131.99 0,1 1,263.98 0a131.99,131.99 0,1 1,-263.98 0"/>
  <path fill="#FFFFFF" d="M200.62,248.9H94.19c-1.39,0 -2.52,-1.13 -2.52,-2.52V49.48c0,-1.39 1.13,-2.52 2.52,-2.52h106.43c1.39,0 2.52,1.13 2.52,2.52v196.9C203.13,247.77 202.01,248.9 200.62,248.9z"/>
  <path fill="#000000" d="M102.7,75.7h89.39v149.58h-89.39z"/>
</svg>

​

请注意，此图标中有两条黑色和两条白色路径。

这里可能会发生以下几种情况：

1. 在白色的第三条路径中有一些东西是安卓不喜欢的(不能正确解析)，导致该路径无法正确绘制。这不太可能。
2. 我注意到你屏幕截图中的图标是有色彩的。它们是灰色的而不是黑色的。我的猜测是，您给图标着色或设置颜色的方式是将所有路径设置为灰色--包括白色路径。

假设#2是正确的，有几个解决方案：

1. 更改您对图标重新着色的方式
2. 重绘此图标，使其仅包含一条或两条黑色路径。现在白色的部分，应该只是黑色部分的洞。然后你给图标上色，就不会再有白色的部分变色了。