如何在单击按钮时更改矢量可绘制路径的颜色

Question

通过新的 android 支持更新，矢量可绘制对象获得向后兼容性。我有一个带有各种路径的矢量图像。我希望路径的颜色在单击按钮时发生变化，或者基于输入值以编程方式发生变化。是否可以访问矢量路径的名称参数？然后改变颜色。

Answer 1

可以使用 setTint 更改整个矢量的颜色。

您必须在布局文件中按如下方式设置 ImageView：

<ImageView
    android:id="@+id/myImageView"
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    android:tint="@color/my_nice_color"
    android:src="@drawable/ic_my_drawable"
    android:scaleType="fitCenter" />

然后更改图像的颜色：

DrawableCompat.setTint(myImageView.getDrawable(), ContextCompat.getColor(context, R.color.another_nice_color));

注意：myImageView.getDrawable() 如果将矢量可绘制对象设置为 imageView 作为背景，则会出现空指针异常。

Answer 2

如@Eyal 在此 post 中所述

您不能在运行时更改单个路径的颜色。查看 VectorDrawableCompat 的源代码，通过名称公开内部元素的唯一方法是 getTargetByName，它存在于内部 private 状态 class VectorDrawableCompatState 个 VectorDrawableCompat。

因为它是一个私有包（默认）- 你不能使用它（除非你使用 reflection）。

Answer 3

检查我对另一个问题的回答：。

关于如何通过使用主题和参数化路径以便能够动态设置它们来管理它是一个好主意。

Answer 4

您可以使用此方法更改下部的颜色API以更改片段中的矢量颜色

int myVectorColor = ContextCompat.getColor(getActivity(), R.color.colorBlack);
                    myButton.getIcon().setColorFilter(myVectorColor, PorterDuff.Mode.SRC_IN);

您应该使用 MainActivity.this 代替 getActivity 来更改 activity

中的矢量颜色

Answer 5

您可以在运行时更改单个路径的颜色，而不使用反射。

VectorMaster 引入了对矢量绘图的动态控制。使用此库，可以动态控制矢量可绘制对象的每个方面（通过 Java 个实例）。

只需在您的应用的 build.gradle

中添加以下依赖项

dependencies {
    compile 'com.sdsmdg.harjot:vectormaster:1.0.9'
}

在您的情况下，您需要进行简单的颜色更改：

向量示例：your_vector.xml

<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:name="outline"
    android:pathData="M20.84,4..."
    android:strokeColor="#5D5D5D"
    android:fillColor="#00000000"
    android:strokeWidth="2"/>

XML:

<com.sdsmdg.harjot.vectormaster.VectorMasterView
    android:id="@+id/your_vector"
    android:layout_width="150dp"
    android:layout_height="150dp"
    app:vector_src="@drawable/your_drawable" />

Java:

VectorMasterView heartVector = (VectorMasterView) 
findViewById(R.id.your_drawable);

// find the correct path using name
PathModel outline = heartVector.getPathModelByName("outline");

// set the stroke color
outline.setStrokeColor(Color.parseColor("#ED4337"));

// set the fill color (if fill color is not set or is TRANSPARENT, then no fill is drawn)
outline.setFillColor(Color.parseColor("#ED4337"));

来自：https://github.com/harjot-oberai/VectorMaster，在麻省理工学院获得许可。

您现在可以完全控制矢量绘图。

Answer 6

使用它来更改矢量绘图中的路径颜色

VectorChildFinder vector = new VectorChildFinder(this, R.drawable.my_vector, imageView);

VectorDrawableCompat.VFullPath path1 = vector.findPathByName("path1");
path1.setFillColor(Color.RED);

图书馆在这里：https://github.com/devsideal/VectorChildFinder

Answer 7

有几种方法可以做同样的事情，但这适用于 Vector Drawables 以及 SVG（Local/Network).

imageView.setColorFilter(ContextCompat.getColor(context, 
R.color.headPink), android.graphics.PorterDuff.Mode.SRC_IN);

（用您选择的颜色更改 R.color.headPink）

Answer 8

DrawableCompat.setTint(imageView.getDrawable(),ContextCompat.getColor(getApplicationContext(), R.color.colorAccent));

如何在单击按钮时更改矢量可绘制路径的颜色

How to change color of vector drawable path on button click

android

vector

vector-graphics

android-vectordrawable