以编程方式将Border / Stroke设置为Vector Drawable

时间:2016-11-18 10:17:07

标签: android vector-graphics stroke android-vectordrawable

我可以通过编程方式更改矢量drawable的颜色,但我想将笔划应用于矢量drawable。我需要一个在运行时更改矢量可绘制笔划的方法:

enter image description here

之前我使用过这种方法,但在我的情况下失败了。

我将Vector drawable转换为位图,然后使用此函数应用border,但它用黑色填充所有内容,不应用笔划。

  private static Bitmap getBitmap(VectorDrawable vectorDrawable)
    {
        Bitmap bitmap = Bitmap.createBitmap(vectorDrawable.getIntrinsicWidth(),
        vectorDrawable.getIntrinsicHeight(), Bitmap.Config.ARGB_8888);
        Canvas canvas = new Canvas(bitmap);
        vectorDrawable.setBounds(0, 0, canvas.getWidth(), canvas.getHeight());
        vectorDrawable.draw(canvas);
        return bitmap;
    }
    private static Bitmap getBitmap(Context context, int drawableId)
    {

        Drawable drawable = ContextCompat.getDrawable(context, drawableId);
        if (drawable instanceof BitmapDrawable)
        {
            return ((BitmapDrawable) drawable).getBitmap();
        }
        else if (drawable instanceof VectorDrawable)
        {
            return getBitmap((VectorDrawable) drawable);
        }
        else
        {
            throw new IllegalArgumentException("unsupported drawable type");
        }
    }
private Bitmap addWhiteBorder(Bitmap bmp, int borderSize)
    {
        Bitmap bmpWithBorder = Bitmap.createBitmap(bmp.getWidth() + borderSize*2 , bmp.getHeight() + borderSize*2 , bmp.getConfig());
        Canvas canvas = new Canvas(bmpWithBorder);
        canvas.drawColor(Color.BLACK);
        canvas.drawBitmap(bmp, borderSize, borderSize, null);
        return bmpWithBorder;
    }

2 个答案:

答案 0 :(得分:1)

看看这个答案

https://stackoverflow.com/a/52960168/10592895

您可以将具有不同视口宽度和高度的矢量可绘制对象用作背景。

要以编程方式进行操作,您可以根据需要将背景设置为透明或具有不同尺寸的可绘制背景。

希望这会有所帮助。

答案 1 :(得分:0)

假设您已在vectordrawable.xml中定义了VectorDrawable

<vector
    android:width="100dp"
    android:height="100dp"
    android:viewportWidth="100"
    android:viewportHeight="100">
    <path
        android:name="headset"
        android:strokeColor="#FF000000"
        android:strokeWidth="0"
        ...
        android:pathData="..." />
</vector>

然后你可以定义一个AnimatedVectorDrawable来改变strokeWidth

<?xml version="1.0" encoding="utf-8"?>
<animated-vector
    xmlns:android="http://schemas.android.com/apk/res/android"
    android:drawable="@drawable/vectordrawable">
    <target
        android:animation="@animator/change_stroke_width"
        android:name="headset" />

</animated-vector>

最后,定义在change_stroke_width.xml中更改strokeWidth的动画:

<set xmlns:android="http://schemas.android.com/apk/res/android" >
    <objectAnimator
        android:duration="100"
        android:propertyName="strokeWidth"
        android:valueFrom="0"
        android:valueTo="10" />
</set>