可绘制矢量大小调整不正确答案

【问题标题】：Drawable vector resized incorrectly可绘制矢量大小调整不正确
【发布时间】：2018-04-07 03:37:24
【问题描述】：

我在Adobe Illustrator中创建了一个logo，将其导出为SVG，并通过Asset Studio将其导入Android Studio。

当矢量画得很大时，它的大小会正确调整（图 1），但当它很小（图 2）时，就会出现问题。

两个都是ImageView，第二个在Toolbar里面。

这是向量：

<vector
    xmlns:android="http://schemas.android.com/apk/res/android"
    android:height="24dp"
    android:viewportHeight="128.0"
    android:viewportWidth="128.0"
    android:width="24dp" >
    <path android:fillColor="#7c7c7c" android:pathData="M64,64m-64,0a64,64 0,1 1,128 0a64,64 0,1 1,-128 0"/>
    <path android:fillColor="#0b5c5d" android:pathData="M63.91,63.91m-57.6,0a57.6,57.6 0,1 1,115.2 0a57.6,57.6 0,1 1,-115.2 0"/>
    <path android:fillColor="#fff" android:pathData="M77.31,16.23s-25.13,0.69 -40.7,5.59c-24.64,8.76 -23.73,45.63 -6.94,56C35.88,82.05 61.59,80 61.59,80l5.32,-15.27s-17.23,5.49 -28.67,-1.47C34.3,61.12 31.87,44 40,36.94S75.16,33.3 75.16,33.3Z"/>
    <path android:fillColor="#fff" android:pathData="M51.87,43c15.77,2.66 54.59,-3.2 55.95,-3.53 1.56,-0.39 -23.14,37.71 -29,51.92A73.06,73.06 0,0 0,105.28 90s-4.91,12.15 -4.88,16.64c-7.3,-1.58 -41.33,-4.25 -50.87,-3 4.3,-4.55 27.39,-38.13 31.4,-47 -12.16,0.39 -17.8,-0.47 -33.51,0.06C49.18,53.29 51.6,49.79 51.87,43Z"/>
</vector>

我不知道发生了什么。

从Adobe Illustrator 导出SVG 时，我尝试更改小数位数，将文档大小调整为更大或更小以及对话框中的其他设置。

【问题讨论】：

从布局文件中发布您的工具栏标签代码
矢量看起来不错，贴出你工具栏的代码。
确保您使用最新的支持库和app:srcCompat 而不是android:src（如果您使用AppCompat）或VectorDrawableCompat。

标签： android svg vector adobe-illustrator android-vectordrawable

【解决方案1】：

你好，请检查我下面的代码，我已经用实际的方法检查过，我得到了正确的输出。

    <android.support.v7.widget.Toolbar
        android:layout_width="match_parent"
        android:layout_height="60dp"
        android:background="@color/black_overlay">

        <ImageView
            android:id="@+id/button"
            android:layout_width="50dp"
            android:layout_height="50dp"
            android:layout_gravity="center"
            app:srcCompat="@drawable/your_drawable" />


    </android.support.v7.widget.Toolbar>

如果您正在使用其他工具栏布局，则将这些工具栏包含在它们之间，那很好。

如果您在此尝试后仍有问题，请输入您的 xml 代码，以便我检查并解决您的问题。

【讨论】：

【解决方案2】：

根据你的drawable xml：

您必须创建此可绘制对象的副本以在工具栏中使用，对于此工具栏，您必须在此处使用工具栏高度和宽度来减小视口大小。

android:viewportHeight="YOUR TOOLBAR HEIGHT"
android:viewportWidth="YOUR TOOLBAR HEIGHT (to make it square)"

【讨论】：