Android 矢量填充颜色无效

Question

我想在 Android 中填充此 Vector:

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

  <group
    android:translateX="59.027433"
    android:translateY="-747.84646">
    <path
        android:fillColor="@color/colorPrimary"
        android:strokeColor="#000000"
        android:strokeWidth="1"
        android:pathData="M 9.400849,1063.1651 58.533589,752.95315 M -9.400849,1063.1651
        -58.533589,752.95315 m 117.067178,0 a 374.17323,374.17323 0 0 0 -117.067178,0 M
        9.400849,1063.1651 a 60.094488,60.094488 0 0 0 -18.801698,0" />
  </group>
</vector>

Vector 如下所示： Vector （顶部和底部是圆形的） android:fillColor 属性无效。或者这只能用位图实现吗？

编辑：为了澄清我的问题，这里是另一张图片： Vector 左侧向量使用android:fillColor，只在顶部填充了一点点。右侧使用 android:tint，它只为线条着色。我想要的是填充整个向量。

Answer 1

<vector xmlns:android="http://schemas.android.com/apk/res/android"
        android:width="24dp"
        android:height="24dp"
        android:viewportWidth="24.0"
        android:viewportHeight="24.0">
    <path
        **android:fillColor="#FF000000"**
        android:pathData="M6,18c0,0.55 0.45,1 1,1h1v3.5c0,0.83 0.67,1.5 1.5,1.5s1.5,-0.67 1.5,-1.5L11,19h2v3.5c0,0.83 0.67,1.5 1.5,1.5s1.5,-0.67 1.5,-1.5L16,19h1c0.55,0 1,-0.45 1,-1L18,8L6,8v10zM3.5,8C2.67,8 2,8.67 2,9.5v7c0,0.83 0.67,1.5 1.5,1.5S5,17.33 5,16.5v-7C5,8.67 4.33,8 3.5,8zM20.5,8c-0.83,0 -1.5,0.67 -1.5,1.5v7c0,0.83 0.67,1.5 1.5,1.5s1.5,-0.67 1.5,-1.5v-7c0,-0.83 -0.67,-1.5 -1.5,-1.5zM15.53,2.16l1.3,-1.3c0.2,-0.2 0.2,-0.51 0,-0.71 -0.2,-0.2 -0.51,-0.2 -0.71,0l-1.48,1.48C13.85,1.23 12.95,1 12,1c-0.96,0 -1.86,0.23 -2.66,0.63L7.85,0.15c-0.2,-0.2 -0.51,-0.2 -0.71,0 -0.2,0.2 -0.2,0.51 0,0.71l1.31,1.31C6.97,3.26 6,5.01 6,7h12c0,-1.99 -0.97,-3.75 -2.47,-4.84zM10,5L9,5L9,4h1v1zM15,5h-1L14,4h1v1z"/>
</vector>

更改填充颜色

Answer 2

因为你想要圆角.. 在 drawable 文件夹中创建 xml 文件

<

shape xmlns:android="http://schemas.android.com/apk/res/android"
    android:shape="rectangle">

    <solid android:color="@color/color_dark_blue" />
    <corners
        android:bottomLeftRadius="10dp"
        android:bottomRightRadius="10dp"
        android:topLeftRadius="10dp"
        android:topRightRadius="10dp" />

</shape>

根据您的形状更改半径

Answer 3

这里的问题是描述形状的路径有点混乱，可能是由于使用的原始图形软件、绘制顺序或某些转换过程。

VectorDrawable pathData 与 SVG 格式相同，detailed information about pathData can be found here.

如果我将 pathData 分成单独的行，它看起来会更清晰一些（并且仍然完全有效，事情仍然运行很好并且更容易阅读）

android:pathData="M 9.400849,1063.1651 58.533589,752.95315 
                  M -9.400849,1063.1651 -58.533589,752.95315 
                  m 117.067178,0 
                  a 374.17323,374.17323 0 0 0 -117.067178,0 
                  M 9.400849,1063.1651 
                  a 60.094488,60.094488 0 0 0 -18.801698,0"

以'M'或'm'开头的行是moveto命令；将笔移动到屏幕上的不同位置。以'a'开头的线是椭圆弧，曲线。

因此，有几件事很突出。此路径中没有明确绘制直线（直线命令使用 'L' 或 'l'）。

在开始绘图的任何命令之前都有许多moveto命令（基本上是说"start here"..."actually no over here"..."no here!"）。

理想情况下，我们想要的是一种更清晰、更深思熟虑的形状，它从一个点开始，一直画到最后；我们要填充的区域应该明确定义。

android:pathData="M 58.533589,752.95315
                  a 374.17323,374.17323 0 0 0 -117.067178,0
                  L -9.400849,1063.1651
                  a -60.094488,60.094488 0 0 0 18.801698,0
                  L 58.533589,752.95315"

比较两者，您会看到大部分相同的数字。清理并重新排列相同的坐标。现在描述移动到一个起点，然后绘制一条弧线、一条线、另一个弧线，然后是另一条线。使用 fillColor 现在应该没问题，形状只是一个简单的定义轮廓。

Answer 4

我遇到了类似的问题，比如我对矢量的更改没有反映在设备中，它反映在预览中，但在实际设备上没有反映更改。所以，我认为填充颜色不起作用，但 实际问题是两个不同模块中的同名矢量文件。

如果两个文件的名称相同，

Android 只会选择其中一个文件。所以，在命名文件之前要谨慎。

Android 矢量填充颜色无效

Android Vector fillColor not working

xml

android

android-vectordrawable