Logo Questions Linux Laravel Mysql Ubuntu Git Menu
 

Android: How to set stroke color for vector drawable programmatically

I am getting into a trouble with VectorDrawable in Android. I have a vector drawable file (.xml) and I want to draw it on bitmap. I managed to load this file and draw it on bitmap. I can change its fill color but the problem is that I cannot change its stroke and color.

Any helps would be appreciated!!!

Thank you!

Here is the drawable file:

<vector xmlns:android="http://schemas.android.com/apk/res/android"
    android:width="312dp"
    android:height="312dp"
    android:viewportWidth="312.7"
    android:viewportHeight="312.699">
<path
    android:pathData="M306.35,266.34c0,22.09 -17.91,40.01 -40,40.01L46.35,306.35c-22.09,0 -40,-17.92 -40,-40.01v-219.99c0,-22.11 17.92,-40 40,-40h220c22.09,0 40,17.9 40,40L306.35,266.34z"
    android:strokeWidth="5"
    android:fillColor="@color/transparent"
    android:strokeColor="#231F20"/></vector>

Here is the way I load and fill the shape with blue color:

Drawable drawable = getResources().getDrawable(R.drawable.graph_rounded_rectangle);
        drawable.setBounds(0, 0, width, height);
        drawable.setColorFilter(new PorterDuffColorFilter(getResources().getColor(R.color.blue), PorterDuff.Mode.MULTIPLY));
        drawable.draw(canvas);
like image 585
Thang Pham Avatar asked Dec 22 '15 09:12

Thang Pham


2 Answers

You can only access these vector properties in Java API

Vector : name
Vector : width
Vector : height
Vector : viewportWidth
Vector : viewportHeight
Vector : tint
Vector : tintMode
Vector : autoMirrored
Vector : alpha

for setting stoke of vector (color, size etc) by using java code is not reachable. You have to deal it in drawable.

like image 166
Faakhir Avatar answered Oct 16 '22 01:10

Faakhir


Try to add group in your xml like this:

<vector xmlns:android="http://schemas.android.com/apk/res/android"
    android:width="312dp"
    android:height="312dp"
    android:viewportWidth="312.7"
    android:viewportHeight="312.699">
    <group android:scaleX="1.0" android:scaleY="1.0">
        <path
            android:pathData="M306.35,266.34c0,22.09 -17.91,40.01 -40,40.01L46.35,306.35c-22.09,0 -40,-17.92 -40,-40.01v-219.99c0,-22.11 17.92,-40 40,-40h220c22.09,0 40,17.9 40,40L306.35,266.34z"
            android:strokeWidth="5"
            android:fillColor="@color/transparent"
            android:strokeColor="#231F20"/>
    </group>
</vector>

Reference here.

like image 43
Context Avatar answered Oct 16 '22 01:10

Context