ImageButton上的VectorDrawable很难看

Question

我有以下ImageButton：

<ImageButton xmlns:android="http://schemas.android.com/apk/res/android"
    android:id="@+id/fireButton"
    android:layout_width="fill_parent"
    android:layout_height="fill_parent"
    android:src="@drawable/ic_whatshot_48px"
    android:tint="@color/accent"
    style="?android:attr/borderlessButtonStyle"
    android:scaleType="fitCenter"
    android:onClick="fire" />

ic_whatshot_48px是VectorDrawable：

<?xml version="1.0" encoding="utf-8"?>
<vector xmlns:android="http://schemas.android.com/apk/res/android"
    android:width="48dp"
    android:height="48dp"
    android:viewportWidth="48"
    android:viewportHeight="48">

    <path
        android:fillColor="#000000"
        android:pathData="M27 1.34s1.48 5.3 1.48 9.6c0 4.12-2.7 7.47-6.83
7.47s-7.25-3.34-7.25-7.47l.05-.72C10.43 15.03 8 21.23 8 28c0 8.84 7.16 16 16
16s16-7.16 16-16c0-10.79-5.19-20.41-13-26.66zM23.42 38c-3.56
0-6.45-2.81-6.45-6.28 0-3.25 2.09-5.53 5.63-6.24s7.2-2.41 9.23-5.15c.78 2.58
1.19 5.3 1.19 8.07 0 5.29-4.3 9.6-9.6 9.6z" />
</vector>

但是图像缩放并且模糊不清。

为什么？它的VECTORDrawable，它应该很好而且流畅。

Answer 1

回答这个问题可能为时已晚，但可能还有其他人遇到同样的问题。

问题是由于Vector定义中的宽度和高度造成的。您将其设置为低值，将其设置为更高的值，然后就完成了。

如果您想将它用于多屏尺寸，那么您需要执行以下操作：

<vector ...
        android:width="@dimen/vector_size"
        android:height="@dimen/vector_size"
        .../>

然后在res / values中定义它：

<resources>
    <dimen name="vector_size">24dp</dimen>
</resources>

有关为什么需要为矢量提供宽度和高度的更多信息，请阅读：

Understanding Android's VectorDrawable properties