Why do we use drawable v24 in android? - android

We have a drawable file already in drawable v21 also for ripple effect.
So why we use drawable v24 when we are getting vector file already.
Below is the xml File ic_launcher_foreground.xml.
<vector xmlns:android="http://schemas.android.com/apk/res/android"
xmlns:aapt="http://schemas.android.com/aapt"
android:width="108dp"
android:height="108dp"
android:viewportHeight="108"
android:viewportWidth="108">
<path
android:fillType="evenOdd"
android:pathData="M32,64C32,64 38.39,52.99 44.13,50.95C51.37,48.37 70.14,49.57 70.14,49.57L108.26,87.69L108,109.01L75.97,107.97L32,64Z"
android:strokeColor="#00000000"
android:strokeWidth="1">
<aapt:attr name="android:fillColor">
<gradient
android:endX="78.5885"
android:endY="90.9159"
android:startX="48.7653"
android:startY="61.0927"
android:type="linear">
<item
android:color="#44000000"
android:offset="0.0"/>
<item
android:color="#00000000"
android:offset="1.0"/>
</gradient>
</aapt:attr>
</path>
<path
android:fillColor="#FFFFFF"
android:fillType="nonZero"
android:pathData="M66.94,46.02L66.94,46.02C72.44,50.07 76,56.61 76,64L32,64C32,56.61 35.56,50.11
40.98,46.06L36.18,41.19C35.45,40.45 35.45,39.3 36.18,38.56C36.91,37.81 38.05,37.81 38.78,38.56L44.25,44.05C47.18,42.57 50.48,41.71 54,41.71C57.48,41.71 60.78,42.57 63.68,44.05L69.11,38.56C69.84,37.81
70.98,37.81 71.71,38.56C72.44,39.3 72.44,40.45 71.71,41.19L66.94,46.02ZM62.94,56.92C64.08,56.92 65,56.01 65,54.88C65,53.76 64.08,52.85 62.94,52.85C61.8,52.85 60.88,53.76
60.88,54.88C60.88,56.01 61.8,56.92 62.94,56.92ZM45.06,56.92C46.2,56.92 47.13,56.01 47.13,54.88C47.13,53.76 46.2,52.85 45.06,52.85C43.92,52.85 43,53.76 43,54.88C43,56.01 43.92,56.92 45.06,56.92Z"
android:strokeColor="#00000000"
android:strokeWidth="1"/>
</vector>


The different drawable folders are for providing different screen densities for device compatibility and for different Android versions.
See this answer for more details

Related

Resource not found exception for ShapeableImageView using vector?

I am using ShapeableImageView in my XML as
<com.google.android.material.imageview.ShapeableImageView
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:src="#drawable/ic_unread_msg"
/>
I am getting Resource not found exception when I run the app on OS 5 and 6
Caused by android.content.res.Resources$NotFoundException: File res/drawable/ic_unread_msg.xml from drawable resource ID #0x7f0700f7
at android.content.res.Resources.loadDrawableForCookie(Resources.java:2850)
at android.content.res.Resources.loadDrawable(Resources.java:2732)
at android.content.res.TypedArray.getDrawable(TypedArray.java:870)
at android.widget.ImageView.<init>(ImageView.java:152)
at android.widget.ImageView.<init>(ImageView.java:140)
at androidx.appcompat.widget.AppCompatImageView.<init>(AppCompatImageView.java:74)
at com.google.android.material.imageview.ShapeableImageView.<init>(ShapeableImageView.java:96)
at com.google.android.material.imageview.ShapeableImageView.<init>(ShapeableImageView.java:92)
at java.lang.reflect.Constructor.newInstance(Constructor.java)
Caused by android.content.res.Resources$NotFoundException: File res/drawable/$ic_unread_msg__0.xml from color state list resource ID #0x7f07000b
at android.content.res.Resources.loadColorStateListForCookie(Resources.java:2960)
at android.content.res.Resources.loadColorStateList(Resources.java:2909)
at android.content.res.TypedArray.getColor(TypedArray.java:439)
at android.graphics.drawable.VectorDrawable$VFullPath.updateStateFromTypedArray(VectorDrawable.java:1605)
at android.graphics.drawable.VectorDrawable$VFullPath.inflate(VectorDrawable.java:1584)
at android.graphics.drawable.VectorDrawable.inflateInternal(VectorDrawable.java:666)
at android.graphics.drawable.VectorDrawable.inflate(VectorDrawable.java:571)
Caused by org.xmlpull.v1.XmlPullParserException: Binary XML file line #9: invalid color state list tag gradient
at android.content.res.ColorStateList.createFromXmlInner(ColorStateList.java:217)
at android.content.res.ColorStateList.createFromXml(ColorStateList.java:201)
at android.content.res.Resources.loadColorStateListForCookie(Resources.java:2956)
at android.content.res.Resources.loadColorStateList(Resources.java:2909)
at android.content.res.TypedArray.getColor(TypedArray.java:439)
This is my vector image
<vector xmlns:android="http://schemas.android.com/apk/res/android"
xmlns:aapt="http://schemas.android.com/aapt"
android:width="14dp"
android:height="14dp"
android:viewportWidth="14"
android:viewportHeight="14">
<path android:pathData="M7,0L7,0A7,7 0,0 1,14 7L14,7A7,7 0,0 1,7 14L7,14A7,7 0,0 1,0 7L0,7A7,7 0,0 1,7 0z">
<aapt:attr name="android:fillColor">
<gradient
android:endX="7"
android:endY="14"
android:startX="7"
android:startY="0"
android:type="linear">
<item
android:color="#FF63D8FF"
android:offset="0" />
<item
android:color="#FF6397FF"
android:offset="1" />
</gradient>
</aapt:attr>
</path>
</vector>
Can't figure out why the crash is happening?

Thanx to Sandi's comment
Replacing android:src with app:srcCompat works

View with svg background crashes on android 6.0 and lower

I have the following situation: I have a constraint layout with background:
<androidx.constraintlayout.widget.ConstraintLayout
android:id="#+id/cl_wave_header"
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:background="#drawable/ic_wave_header_svg_drawable"
android:paddingBottom="41dp"
app:layout_constraintTop_toTopOf="parent">
Here's the ic_wave_header_svg_drawable:
<?xml version="1.0" encoding="utf-8"?>
<layer-list xmlns:android="http://schemas.android.com/apk/res/android">
<item android:drawable="#drawable/ic_wave_header" />
</layer-list>
Here's the ic_wave_header:
<vector xmlns:android="http://schemas.android.com/apk/res/android"
xmlns:aapt="http://schemas.android.com/aapt"
xmlns:tools="http://schemas.android.com/tools"
android:width="328dp"
android:height="199dp"
android:viewportWidth="328"
android:viewportHeight="199"
tools:ignore="VectorRaster">
<path
android:fillType="evenOdd"
android:pathData="M328,198.147C328,198.147 287.806,164.737 164,168.868C40.194,172.999 0,140 0,140V198.147V0H328L328,198.147Z">
<aapt:attr name="android:fillColor">
<gradient
android:endX="351.346"
android:endY="198.147"
android:startX="351.346"
android:startY="-28.2069"
android:type="linear">
<item
android:color="#FF9DDE10"
android:offset="0" />
<item
android:color="#FF82BD00"
android:offset="1" />
</gradient>
</aapt:attr>
</path>
</vector>
When I run the app, it crashes on android 6.0 and lower. In the other versions, it works correctly. What's the problem and how can I solve it?
UPD
Error log:
Caused by: android.content.res.Resources$NotFoundException: File res/drawable/ic_wave_header.xml from drawable resource ID #0x7f080180
at android.content.res.Resources.loadDrawableForCookie(Resources.java:2640)
at android.content.res.Resources.loadDrawable(Resources.java:2540)
at android.content.res.TypedArray.getDrawable(TypedArray.java:870)
at android.graphics.drawable.LayerDrawable.updateLayerFromTypedArray(LayerDrawable.java:296)
at android.graphics.drawable.LayerDrawable.inflateLayers(LayerDrawable.java:239)
at android.graphics.drawable.LayerDrawable.inflate(LayerDrawable.java:164)
at android.graphics.drawable.Drawable.createFromXmlInner(Drawable.java:1215)
at android.graphics.drawable.Drawable.createFromXml(Drawable.java:1124)
at android.content.res
It seems that it is something incorrect with drawable, but if it is right, why it doesn't crash on other devices

In your application class -> enable setCompatVectorFromResourcesEnabled
public class App extends Application {
#Override
public void onCreate() {
super.onCreate();
AppCompatDelegate.setCompatVectorFromResourcesEnabled(true);//add this
}

This crash is caused by using
android:offset="0" in svg file of your drawable.
To fix this you can either avoid using android:offset="0" in svg file (by using plain color instead of gradient) or you can use .png format of your drawable image for quick fix.

Android Studio - Fraction values must be in the range 0 to 1: 3.0

<vector xmlns:android="http://schemas.android.com/apk/res/android"
xmlns:aapt="http://schemas.android.com/aapt"
xmlns:tools="http://schemas.android.com/tools"
android:width="1080dp"
android:height="592dp"
android:viewportWidth="1080"
android:viewportHeight="592"
tools:ignore="VectorRaster">
<path
android:pathData="M0,440.31L0,0L1080,0L1080,440.31C952.58,532.86 758.02,592 540,592S127.42,532.86 0,440.31Z">
<aapt:attr name="android:fillColor">
<gradient
android:startY="14.208"
android:startX="-280.8"
android:endY="380.656"
android:endX="921.24"
android:type="linear">
<item android:offset="0" android:color="#602EC4"/>
<item android:offset="1" android:color="#9C7CDD"/>
<item android:offset="3" android:color="#8355D1"/>
</gradient>
</aapt:attr>
</path>
I am using this code to create a drawable for my app. but I keep getting this error: Fraction values must be in the range 0 to 1: 3.0. My Android Studio Version is 3.6.2

Android splash screen VectorDrawable

I want to show a VectorDrawable in my splash sreen
<?xml version="1.0" encoding="utf-8"?>
<layer-list xmlns:android="http://schemas.android.com/apk/res/android">
<item
android:drawable="#android:color/white"
android:gravity="fill" />
<item
android:drawable="#drawable/splash_screen"
android:gravity="bottom|center" />
</layer-list>
My SVG has android:width="320dp" and android:height="238dp"
<vector xmlns:android="http://schemas.android.com/apk/res/android"
android:width="320dp"
android:height="238dp"
android:viewportWidth="320"
android:viewportHeight="238">
<group>
<clip-path android:pathData="M0,0h320v238h-320z M 0,0"/>
<path
android:pathData="M0,143.311a160,4.476 0,1 0,320 0a160,4.476 0,1 0,-320 0z"
android:fillColor="#E6E6E6"/>
<path
android:pathData="M245.269,94.815C245.067,94.818 244.865,94.821 244.66,94.821C244.455,94.821 244.253,94.818 244.051,94.815C233.341,94.572 225.578,87.88 227.554,80.859L232.372,63.73L233.59,59.396L255.177,59.764L256.488,64.004L261.653,80.693C263.839,87.753 256.076,94.572 245.269,94.815Z"
android:fillColor="#3F3D56"/>
<path
android:pathData="M256.488,64.004C248.993,68.288 239.768,68.184 232.372,63.73L233.59,59.396L255.177,59.764L256.488,64.004Z"
android:strokeAlpha="0.2"
android:fillColor="#000000"
android:fillAlpha="0.2"/>
<path
android:pathData="M255.577,81.427C256.51,77.952 259.575,72.938 268.17,66.893C283.16,56.35 274.218,48.444 273.83,48.113C273.017,47.418 273.137,46.638 274.109,46.371C275.252,46.143 276.437,46.419 277.361,47.128C277.846,47.529 289.044,57.092 272.129,68.988C256.906,79.695 260.142,86.685 260.179,86.752C260.587,87.499 259.933,88.097 258.717,88.089C257.501,88.081 256.183,87.469 255.774,86.723C255.688,86.565 254.709,84.662 255.577,81.427Z"
android:fillColor="#3F3D56"/>
<path
android:pathData="M234.697,97.312C234.036,97.312 233.403,97.049 232.935,96.582C232.468,96.115 232.206,95.481 232.206,94.821L232.206,84.027C232.206,82.652 233.321,81.537 234.697,81.537C236.072,81.537 237.187,82.652 237.187,84.027L237.187,94.821C237.187,95.481 236.925,96.115 236.458,96.582C235.991,97.049 235.357,97.312 234.697,97.312L234.697,97.312Z"
android:fillColor="#3F3D56"/>
<path
android:pathData="M236.881,71.688C236.604,72.288 236.101,72.754 235.482,72.983C234.862,73.212 234.177,73.185 233.577,72.909L223.771,68.398C222.523,67.822 221.977,66.344 222.552,65.095C223.127,63.846 224.604,63.299 225.853,63.872L235.659,68.384C236.259,68.66 236.725,69.163 236.954,69.783C237.183,70.402 237.157,71.087 236.881,71.688L236.881,71.688Z"
android:fillColor="#3F3D56"/>
<path
android:pathData="M252.439,71.688C252.715,72.288 253.218,72.754 253.838,72.983C254.458,73.212 255.143,73.185 255.743,72.909L265.548,68.398C266.798,67.823 267.345,66.344 266.77,65.094C266.195,63.844 264.716,63.297 263.466,63.872L253.661,68.384C253.061,68.66 252.595,69.163 252.366,69.783C252.137,70.402 252.163,71.087 252.439,71.688Z"
android:fillColor="#3F3D56"/>
<path
android:pathData="M254.623,97.312C255.284,97.312 255.917,97.049 256.384,96.582C256.851,96.115 257.114,95.481 257.114,94.821L257.114,84.027C257.114,82.652 255.999,81.537 254.623,81.537C253.247,81.537 252.132,82.652 252.132,84.027L252.132,94.821C252.132,95.481 252.395,96.115 252.862,96.582C253.329,97.049 253.962,97.312 254.623,97.312L254.623,97.312Z"
android:fillColor="#3F3D56"/>
<path
android:pathData="M265.032,27.435C265.468,26.887 265.648,26.178 265.527,25.489L264.171,17.514L262.815,9.539C262.666,8.662 262.061,7.932 261.228,7.623C260.394,7.314 259.459,7.473 258.775,8.04L252.546,13.201L248.794,16.311C246.291,15.866 243.733,15.827 241.218,16.197L237.604,13.201L231.375,8.04C230.691,7.473 229.756,7.314 228.922,7.623C228.089,7.932 227.483,8.662 227.335,9.539L225.979,17.514L224.623,25.489C224.551,25.908 224.588,26.338 224.732,26.739C218.3,36.598 220.044,49.678 228.833,57.509C237.622,65.339 250.816,65.567 259.871,58.045C268.925,50.523 271.119,37.511 265.032,27.435L265.032,27.435Z"
android:fillColor="#3F3D56"/>
<path
android:pathData="M230.751,11.308C230.603,11.308 230.457,11.335 230.318,11.386C229.904,11.537 229.603,11.9 229.532,12.335L227.888,22.006C227.814,22.44 227.978,22.88 228.317,23.161C228.656,23.442 229.119,23.52 229.531,23.367L238.728,19.955C239.141,19.802 239.441,19.441 239.514,19.007C239.588,18.573 239.425,18.133 239.086,17.852L239.086,17.852L231.533,11.593C231.313,11.409 231.037,11.308 230.751,11.308Z"
android:fillColor="#E6E6E6"/>
<path
android:pathData="M259.399,11.308C259.113,11.308 258.836,11.409 258.617,11.593L251.064,17.852C250.725,18.133 250.562,18.573 250.636,19.007C250.709,19.441 251.009,19.802 251.422,19.955L260.619,23.367C261.031,23.52 261.494,23.442 261.833,23.161C262.172,22.88 262.335,22.44 262.262,22.006L260.618,12.335C260.547,11.9 260.246,11.537 259.832,11.386C259.693,11.335 259.547,11.308 259.399,11.308L259.399,11.308Z"
android:fillColor="#E6E6E6"/>
<path
android:pathData="M244.66,43.068m-3.321,0a3.321,3.321 0,1 1,6.642 0a3.321,3.321 0,1 1,-6.642 0"
android:fillColor="#E6E6E6"/>
<path
android:pathData="M242.446,41.407a2.214,0.83 0,1 0,4.428 0a2.214,0.83 0,1 0,-4.428 0z"
android:fillColor="#3F3D56"/>
<path
android:pathData="M242.999,45.005L246.044,45.005L246.044,48.741C246.044,49.582 245.362,50.263 244.521,50.263L244.521,50.263C243.681,50.263 242.999,49.582 242.999,48.741L242.999,45.005L242.999,45.005Z"
android:fillColor="#FF6584"/>
<path
android:pathData="M244.845,7.335C244.685,7.666 244.53,8.001 244.384,8.342C242.667,12.348 242.087,16.75 242.71,21.063C243.022,20.611 243.349,20.14 243.682,19.664C242.969,15.524 243.37,11.269 244.845,7.335L244.845,7.335Z"
android:fillColor="#3F3D56"/>
<path
android:pathData="M247.335,10.379C247.176,10.71 247.021,11.045 246.875,11.387C245.157,15.392 244.578,19.794 245.201,24.108C245.513,23.656 245.84,23.185 246.173,22.708C245.46,18.568 245.861,14.313 247.335,10.379L247.335,10.379Z"
android:fillColor="#3F3D56"/>
<path
android:pathData="M255.015,70.145L254.664,65.683L254.313,61.22C254.274,60.73 253.977,60.298 253.533,60.086C253.089,59.874 252.566,59.915 252.161,60.194L248.472,62.729L245.778,64.58C245.429,64.172 244.92,63.937 244.383,63.937C243.847,63.937 243.337,64.172 242.989,64.58L240.295,62.729L236.606,60.194C236.2,59.915 235.677,59.874 235.233,60.086C234.789,60.298 234.492,60.73 234.453,61.22L234.102,65.683L233.751,70.145C233.713,70.636 233.939,71.109 234.344,71.388C234.75,71.666 235.273,71.708 235.717,71.496L239.757,69.568L243.076,67.985C243.421,68.334 243.892,68.531 244.383,68.531C244.874,68.531 245.345,68.334 245.69,67.985L249.009,69.568L253.049,71.496C253.493,71.708 254.016,71.666 254.422,71.388C254.827,71.109 255.053,70.636 255.015,70.145L255.015,70.145Z"
android:fillColor="#6C63FF"/>
<path
android:pathData="M240.232,39.47m-0.83,0a0.83,0.83 0,1 1,1.661 0a0.83,0.83 0,1 1,-1.661 0"
android:fillColor="#E6E6E6"/>
<path
android:pathData="M249.088,39.47m-0.83,0a0.83,0.83 0,1 1,1.661 0a0.83,0.83 0,1 1,-1.661 0"
android:fillColor="#E6E6E6"/>
<path
android:pathData="M84.015,87.48C84.218,87.483 84.42,87.486 84.624,87.486C84.829,87.486 85.031,87.483 85.233,87.48C95.944,87.237 103.707,80.545 101.731,73.524L96.912,56.395L95.695,52.061L74.108,52.429L72.796,56.669L67.632,73.357C65.445,80.417 73.208,87.237 84.015,87.48Z"
android:fillColor="#3F3D56"/>
<path
android:pathData="M72.796,56.669C80.291,60.953 89.517,60.849 96.912,56.395L95.695,52.061L74.108,52.429L72.796,56.669Z"
android:strokeAlpha="0.2"
android:fillColor="#000000"
android:fillAlpha="0.2"/>
<path
android:pathData="M71.085,72.062C68.755,69.32 63.84,66.1 53.485,64.314C35.424,61.199 40.124,50.227 40.332,49.762C40.77,48.786 40.327,48.132 39.335,48.307C38.205,48.59 37.251,49.346 36.72,50.383C36.453,50.953 30.424,64.387 50.803,67.901C69.143,71.065 69.209,78.767 69.204,78.844C69.155,79.694 70.002,79.955 71.098,79.427C72.194,78.899 73.123,77.782 73.173,76.932C73.183,76.753 73.255,74.614 71.085,72.062Z"
android:fillColor="#3F3D56"/>
<path
android:pathData="M94.588,89.977C95.248,89.977 95.882,89.714 96.349,89.247C96.816,88.78 97.078,88.146 97.078,87.486L97.078,76.692C97.077,75.318 95.962,74.205 94.588,74.205C93.213,74.205 92.098,75.318 92.097,76.692L92.097,87.486C92.097,88.146 92.359,88.78 92.826,89.247C93.293,89.714 93.927,89.977 94.588,89.977L94.588,89.977Z"
android:fillColor="#3F3D56"/>
<path
android:pathData="M92.404,64.352C92.68,64.953 93.183,65.418 93.803,65.648C94.422,65.877 95.107,65.85 95.707,65.574L105.513,61.063C106.322,60.691 106.872,59.916 106.954,59.03C107.037,58.143 106.64,57.28 105.913,56.765C105.186,56.251 104.239,56.164 103.431,56.537L93.625,61.049C93.025,61.325 92.559,61.828 92.33,62.448C92.101,63.067 92.127,63.752 92.404,64.352Z"
android:fillColor="#3F3D56"/>
<path
android:pathData="M76.845,64.352C76.569,64.953 76.066,65.418 75.446,65.648C74.827,65.877 74.141,65.85 73.541,65.574L63.736,61.063C62.926,60.691 62.377,59.916 62.294,59.03C62.212,58.143 62.609,57.28 63.336,56.765C64.063,56.251 65.009,56.164 65.818,56.537L75.623,61.049C76.224,61.325 76.689,61.828 76.919,62.448C77.148,63.067 77.121,63.752 76.845,64.352L76.845,64.352Z"
android:fillColor="#3F3D56"/>
<path
android:pathData="M74.661,89.977C74.001,89.977 73.367,89.714 72.9,89.247C72.433,88.78 72.17,88.146 72.17,87.486L72.17,76.692C72.172,75.318 73.287,74.205 74.661,74.205C76.036,74.205 77.15,75.318 77.152,76.692L77.152,87.486C77.152,88.146 76.89,88.78 76.422,89.247C75.955,89.714 75.322,89.977 74.661,89.977L74.661,89.977Z"
android:fillColor="#3F3D56"/>
<path
android:pathData="M104.552,19.404C104.696,19.003 104.733,18.573 104.661,18.153L103.305,10.179L101.95,2.204C101.801,1.327 101.196,0.597 100.362,0.288C99.529,-0.021 98.594,0.138 97.909,0.705L91.681,5.866L88.066,8.862C85.551,8.492 82.993,8.531 80.49,8.976L76.738,5.866L70.509,0.705C69.825,0.138 68.89,-0.021 68.056,0.288C67.223,0.597 66.618,1.327 66.469,2.204L65.113,10.179L63.758,18.153C63.636,18.843 63.816,19.552 64.252,20.1C58.157,30.178 60.349,43.198 69.407,50.726C78.465,58.254 91.666,58.025 100.459,50.189C109.251,42.353 110.992,29.265 104.552,19.404L104.552,19.404Z"
android:fillColor="#3F3D56"/>
<path
android:pathData="M97.752,4.258L90.198,10.517L90.198,10.517C89.859,10.798 89.696,11.238 89.77,11.672C89.844,12.106 90.143,12.467 90.556,12.62L99.753,16.032C100.166,16.185 100.629,16.107 100.968,15.826C101.306,15.545 101.47,15.105 101.396,14.671L99.752,5C99.681,4.565 99.38,4.202 98.966,4.051C98.828,4 98.681,3.973 98.533,3.973C98.247,3.973 97.971,4.074 97.752,4.258Z"
android:fillColor="#E6E6E6"/>
<path
android:pathData="M69.453,4.051C69.038,4.202 68.738,4.565 68.666,5L67.022,14.671C66.949,15.105 67.112,15.545 67.451,15.826C67.79,16.107 68.253,16.185 68.665,16.032L77.863,12.62C78.275,12.467 78.575,12.106 78.649,11.672C78.722,11.238 78.559,10.798 78.22,10.517L70.667,4.258C70.448,4.074 70.171,3.973 69.885,3.973C69.737,3.973 69.591,4 69.453,4.051Z"
android:fillColor="#E6E6E6"/>
<path
android:pathData="M84.624,35.733m-3.321,0a3.321,3.321 0,1 1,6.642 0a3.321,3.321 0,1 1,-6.642 0"
android:fillColor="#E6E6E6"/>
<path
android:pathData="M82.41,34.072a2.214,0.83 0,1 0,4.428 0a2.214,0.83 0,1 0,-4.428 0z"
android:fillColor="#3F3D56"/>
<path
android:pathData="M84.763,42.928L84.763,42.928C84.359,42.928 83.972,42.768 83.686,42.482C83.401,42.197 83.241,41.81 83.241,41.406L83.241,37.67L86.285,37.67L86.285,41.406C86.285,41.81 86.125,42.197 85.839,42.482C85.554,42.768 85.166,42.928 84.763,42.928L84.763,42.928Z"
android:fillColor="#FF6584"/>
<path
android:pathData="M84.44,0C84.599,0.331 84.754,0.666 84.9,1.007C86.618,5.013 87.197,9.415 86.574,13.728C86.262,13.276 85.935,12.805 85.602,12.329C86.315,8.189 85.914,3.934 84.44,0L84.44,0Z"
android:fillColor="#3F3D56"/>
<path
android:pathData="M81.949,3.044C82.108,3.375 82.263,3.71 82.409,4.051C84.127,8.057 84.706,12.459 84.083,16.773C83.772,16.32 83.444,15.849 83.111,15.373C83.824,11.233 83.423,6.978 81.949,3.044L81.949,3.044Z"
android:fillColor="#3F3D56"/>
<path
android:pathData="M74.269,14.378L74.62,9.916L74.971,5.453C75.01,4.963 75.307,4.53 75.751,4.319C76.195,4.107 76.718,4.148 77.124,4.426L80.813,6.962L83.507,8.813C83.855,8.405 84.365,8.17 84.901,8.17C85.438,8.17 85.947,8.405 86.296,8.813L88.99,6.962L92.679,4.426C93.084,4.148 93.607,4.107 94.051,4.319C94.495,4.53 94.792,4.963 94.831,5.453L95.182,9.916L95.533,14.378C95.571,14.868 95.345,15.342 94.94,15.621C94.535,15.899 94.011,15.94 93.567,15.729L89.527,13.801L86.208,12.218C85.863,12.567 85.392,12.764 84.901,12.764C84.41,12.764 83.939,12.567 83.594,12.218L80.275,13.801L76.235,15.729C75.791,15.94 75.268,15.899 74.862,15.621C74.457,15.342 74.231,14.868 74.269,14.378Z"
android:fillColor="#6C63FF"/>
<path
android:pathData="M88.222,32.135C88.222,32.593 88.594,32.135 89.052,32.135C89.511,32.135 89.883,32.593 89.883,32.135C89.882,31.677 89.51,31.306 89.052,31.306C88.595,31.306 88.223,31.677 88.222,32.135L88.222,32.135Z"
android:fillColor="#E6E6E6"/>
<path
android:pathData="M81.027,32.135C81.027,32.593 80.655,32.135 80.196,32.135C79.738,32.135 79.366,32.593 79.366,32.135C79.367,31.677 79.738,31.306 80.196,31.306C80.654,31.306 81.026,31.677 81.027,32.135Z"
android:fillColor="#E6E6E6"/>
<path
android:pathData="M173.142,94.822L173.142,89.545L146.754,89.545L146.754,89.875L146.754,94.822L146.754,137.372L146.754,142.65L152.032,142.65L173.142,142.65L173.142,137.372L152.032,137.372L152.032,94.822L173.142,94.822L173.142,94.822Z"
android:fillColor="#3F3D56"/>
<path
android:pathData="M186.006,89.545L186.006,142.65L212.393,142.65L212.393,89.545L186.006,89.545ZM207.116,137.372L191.283,137.372L191.283,94.823L207.116,94.823L207.116,137.372Z"
android:fillColor="#6C63FF"/>
<path
android:pathData="M112.78,137.372L112.78,89.875L107.503,89.875L107.503,137.372L107.503,142.65L112.78,142.65L133.89,142.65L133.89,137.372L112.78,137.372L112.78,137.372Z"
android:fillColor="#6C63FF"/>
<path
android:pathData="M95.628,94.822L95.628,89.545L69.241,89.545L69.241,89.875L69.241,94.822L69.241,113.294L69.241,118.571L69.241,137.372L69.241,142.65L74.518,142.65L95.628,142.65L95.628,137.372L74.518,137.372L74.518,118.571L95.628,118.571L95.628,113.294L74.518,113.294L74.518,94.822L95.628,94.822L95.628,94.822Z"
android:fillColor="#3F3D56"/>
<path
android:pathData="M302.11,94.822L302.11,89.545L275.723,89.545L275.723,89.875L275.723,94.822L275.723,113.294L275.723,118.571L275.723,137.372L275.723,142.65L281.001,142.65L302.11,142.65L302.11,137.372L281.001,137.372L281.001,118.571L302.11,118.571L302.11,113.294L281.001,113.294L281.001,94.822L302.11,94.822L302.11,94.822Z"
android:fillColor="#6C63FF"/>
<path
android:pathData="M51.429,89.875L51.429,133.492L37.514,119.578L37.483,119.61L37.453,119.58L23.228,133.806L23.228,89.71L17.95,89.71L17.95,142.485L23.228,142.485L23.228,141.269L37.485,127.012L51.429,140.956L51.429,142.65L56.707,142.65L56.707,89.875L51.429,89.875L51.429,89.875Z"
android:fillColor="#3F3D56"/>
<path
android:pathData="M258.241,89.875L258.241,91.091L243.984,105.348L230.04,91.404L230.04,89.71L224.762,89.71L224.762,142.485L230.04,142.485L230.04,98.867L243.955,112.782L243.987,112.75L244.016,112.779L258.241,98.554L258.241,142.65L263.519,142.65L263.519,89.875L258.241,89.875L258.241,89.875Z"
android:fillColor="#3F3D56"/>
<path
android:pathData="M120.602,54.125m-3.239,0a3.239,3.239 0,1 1,6.479 0a3.239,3.239 0,1 1,-6.479 0"
android:fillColor="#6C63FF"/>
<path
android:pathData="M40.699,90.118m-3.239,0a3.239,3.239 0,1 1,6.479 0a3.239,3.239 0,1 1,-6.479 0"
android:fillColor="#6C63FF"/>
<path
android:pathData="M104.765,162.103m-3.239,0a3.239,3.239 0,1 1,6.479 0a3.239,3.239 0,1 1,-6.479 0"
android:fillColor="#6C63FF"/>
<path
android:pathData="M186.108,63.843m-3.239,0a3.239,3.239 0,1 1,6.479 0a3.239,3.239 0,1 1,-6.479 0"
android:fillColor="#6C63FF"/>
<path
android:pathData="M281.488,159.223m-3.239,0a3.239,3.239 0,1 1,6.479 0a3.239,3.239 0,1 1,-6.479 0"
android:fillColor="#6C63FF"/>
<path
android:pathData="M284.727,74.281m-3.239,0a3.239,3.239 0,1 1,6.479 0a3.239,3.239 0,1 1,-6.479 0"
android:fillColor="#6C63FF"/>
<path
android:pathData="M243.696,132.589m-3.239,0a3.239,3.239 0,1 1,6.479 0a3.239,3.239 0,1 1,-6.479 0"
android:fillColor="#6C63FF"/>
</group>
</vector>
I tested in android 8 (360dp x 640dp device) and everything is OK, but in android 5.1.1 (320dp x 480dp device) it's deformed , my VectorDrawable filled screen and loose it aspect ratio , How can I fix it?
and theme
<?xml version="1.0" encoding="utf-8"?>
<resources>
<style name="LaunchTheme" parent="#android:style/Theme.Black.NoTitleBar">
<!-- Show a splash screen on the activity. Automatically removed when
Flutter draws its first frame -->
<item name="android:windowBackground">#drawable/launch_background</item>
</style>
</resources>

VectorDrawable defines a static drawable object. Similar to the SVG
format, each vector graphic is defined as a tree hierachy, which is
made up of path and group objects. Each path contains the geometry of
the object's outline and group contains details for transformation.
You can use SDP - a scalable size unit.
An android SDK that provides a new size unit - sdp (scalable dp). This
size unit scales with the screen size. It can help Android developers
with supporting multiple screens.
To add sdp to your project (Using Android Studio and Gradle) build.gradle
dependencies {
implementation 'com.intuit.sdp:sdp-android:1.0.6'
}
Now add sdp instead of dp.
<vector xmlns:android="http://schemas.android.com/apk/res/android"
android:width="#dimen/_300sdp"
android:height="#dimen/_225sdp"
android:viewportWidth="512"
android:viewportHeight="512">
Note - Use AppCompatImageView (With app:srcCompat) instead of ImageView in your layout.
<android.support.v7.widget.AppCompatImageView //Or androidx.appcompat.widget.AppCompatImageView
app:srcCompat="#drawable/your_svg"
/>

The issue has to do with API's 21, 22 and 23 for those you need to wrap the drawable around a bitmap. what you need to do is create 2 versions of your drawable layer-list and put one into drawable-v22 and the other in drawable-v24, if these folders dont already exist just create them inside res/ and note that you need to set project view to poject in order to see them (see image below).
for v24 you just use the one you already have:
<?xml version="1.0" encoding="utf-8"?><layer-list xmlns:android="http://schemas.android.com/apk/res/android">
<item
android:drawable="#android:color/white"
android:gravity="fill" />
<item
android:gravity="center"
android:src="#drawable/splash_screen" >
</item>
</layer-list>
for drawable-v21 you use the following (note that for some reason these drawable wont work on API's higher that 23)
<?xml version="1.0" encoding="utf-8"?><layer-list xmlns:android="http://schemas.android.com/apk/res/android">
<item
android:drawable="#android:color/white"
android:gravity="fill" />
<item android:gravity="center">
<bitmap
android:gravity="center"
android:src="#drawable/splash_screen" />
</item>
</layer-list>
android will then take either the first or the second asset depending on the API of the device and then your splashscreen will look great on all devices.
BTW here is the documentation on other customizations you can implement not only on device API but also on screen sizes, resolution and many more.

VectorDrawable crashing my app in Lollipop 5.0.1

I'm trying to use a VectorDrawable selector in one of my Fragments. However, the app gets crashed showing this error -
Exception while inflating vector
android.content.res.Resources$NotFoundException: File
res/drawable/$ic_lose_weight_icon__0.xml from color state list
resource ID #0x7f080023
The drawable file ic_lose_weight_icon.xml includes following -
<vector android:height="52dp" android:viewportHeight="52.0"
android:viewportWidth="53.0" android:width="52dp"
xmlns:aapt="http://schemas.android.com/aapt" xmlns:android="http://schemas.android.com/apk/res/android">
<path android:fillType="nonZero"
android:pathData="M45.23,5.23a6.7,6.7 0,0 0,-4.93 -2.18h-10.22A10.02,10.02 0,0 0,24 1a10.02,10.02 0,0 0,-6.07 2.05L7.71,3.05c-1.87,0 -3.67,0.79 -4.93,2.18A6.72,6.72 0,0 0,1.02 10.3l0.44,5.99c0.03,0.38 0.35,0.66 0.72,0.63a0.68,0.68 0,0 0,0.62 -0.73L2.36,10.2A5.36,5.36 0,0 1,3.76 6.16a5.29,5.29 0,0 1,3.95 -1.75h8.74a10.41,10.41 0,0 0,-2.63 6.94c0,5.71 4.57,10.35 10.18,10.35 5.61,0 10.18,-4.64 10.18,-10.35 0,-2.67 -1,-5.1 -2.63,-6.94h8.74a5.29,5.29 0,0 1,3.95 1.75,5.36 5.36,0 0,1 1.4,4.04l-2.15,29.44c-0.2,2.8 -2.55,5 -5.35,5h-9.67a0.68,0.68 0,0 0,-0.67 0.68c0,0.38 0.3,0.68 0.67,0.68h9.67a6.66,6.66 0,0 0,4.56 -1.8,6.76 6.76,0 0,0 2.13,-4.46l2.15,-29.44a6.72,6.72 0,0 0,-1.75 -5.07zM32.84,11.35c0,4.95 -3.96,8.99 -8.84,8.99 -4.87,0 -8.84,-4.03 -8.84,-8.99 0,-4.96 3.96,-8.99 8.84,-8.99 4.87,0 8.84,4.03 8.84,8.99zM25.09,44.65L10.36,44.65c-2.84,0 -5.22,-2.17 -5.43,-4.94l-1.4,-19.13a0.68,0.68 0,0 0,-0.73 -0.63,0.68 0.68,0 0,0 -0.63,0.72l1.4,19.13a6.62,6.62 0,0 0,2.16 4.41A6.85,6.85 0,0 0,10.36 46h14.72a0.68,0.68 0,0 0,0.68 -0.68,0.68 0.68,0 0,0 -0.68,-0.68z" android:strokeWidth=".5">
<aapt:attr name="android:fillColor">
<gradient android:endX="46.98890716996074"
android:endY="24.500811517238617"
android:startX="1.9492992758750916"
android:startY="24.500811517238617" android:type="linear">
<item android:color="#FF44CFB9" android:offset="0.0"/>
<item android:color="#FF1EC2C9" android:offset="1.0"/>
</gradient>
</aapt:attr>
<aapt:attr name="android:strokeColor">
<gradient android:endX="46.98890716996074"
android:endY="24.500811517238617"
android:startX="1.9492992758750916"
android:startY="24.500811517238617" android:type="linear">
<item android:color="#FF44CFB9" android:offset="0.0"/>
<item android:color="#FF1EC2C9" android:offset="1.0"/>
</gradient>
</aapt:attr>
</path>
<path android:fillType="nonZero" android:pathData="M25.03,10.46a1.82,1.82 0,0 0,-1.27 -0.32L21.47,6.18c-0.2,-0.35 -0.71,-0.71 -1.02,-0.52 -0.32,0.18 -0.32,0.83 -0.12,1.18l2.3,3.98a1.72,1.72 0,0 0,-0.08 0.13c-0.49,0.87 -0.19,2.06 0.69,2.66 0.42,0.29 0.91,0.4 1.38,0.31 0.18,-0.04 0.35,-0.1 0.5,-0.19 0.25,-0.14 0.45,-0.35 0.6,-0.61 0.24,-0.42 0.3,-0.93 0.17,-1.43a2.13,2.13 0,0 0,-0.86 -1.23zM24.89,12.54c-0.11,0.2 -0.3,0.33 -0.52,0.38a0.86,0.86 0,0 1,-0.66 -0.15,1.01 1.01,0 0,1 -0.41,-0.58 0.91,0.91 0,0 1,0.08 -0.68,0.77 0.77,0 0,1 0.52,-0.38 0.86,0.86 0,0 1,0.66 0.15c0.41,0.28 0.56,0.85 0.33,1.26z">
<aapt:attr name="android:fillColor">
<gradient android:endX="26.884173301124573"
android:endY="10.739999532699585"
android:startX="21.1299991607666"
android:startY="10.739999532699585" android:type="linear">
<item android:color="#FF44CFB9" android:offset="0.0"/>
<item android:color="#FF1EC2C9" android:offset="1.0"/>
</gradient>
</aapt:attr>
</path>
<path android:fillColor="#FFF" android:fillType="evenOdd"
android:pathData="M43,42m-9,0a9,9 0,1 1,18 0a9,9 0,1 1,-18 0" android:strokeWidth="1.5">
<aapt:attr name="android:strokeColor">
<gradient android:endX="85.58492" android:endY="75.0"
android:startX="68.0" android:startY="75.0" android:type="linear">
<item android:color="#FF44CFB9" android:offset="0.0"/>
<item android:color="#FF1EC2C9" android:offset="1.0"/>
</gradient>
</aapt:attr>
</path>
<path android:fillType="evenOdd" android:pathData="M43.15,45.31L40.36,39.72A0.5,0.5 0,0 1,40.81 39h5.58a0.5,0.5 0,0 1,0.45 0.72l-2.79,5.58a0.5,0.5 0,0 1,-0.89 0z">
<aapt:attr name="android:fillColor">
<gradient android:endX="80.75140421012878"
android:endY="75.29140281677246"
android:startX="74.29622650146484"
android:startY="75.29140281677246" android:type="linear">
<item android:color="#FF44CFB9" android:offset="0.0"/>
<item android:color="#FF1EC2C9" android:offset="1.0"/>
</gradient>
</aapt:attr>
</path>
</vector>
In my build.gradle file, I've also added this -
defaultConfig {
vectorDrawables.useSupportLibrary = true
}
Along with,
dependencies {
implementation "com.android.support:appcompatv7:27.1.0"
}
In the fragment in which I'm using the above drawable, I have this code -
<ImageView
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_weight="1"
android:drawablePadding="8dp"
android:gravity="center_horizontal"
android:textAllCaps="false"
android:textColor="#color/black"
android:textSize="#dimen/textSize3"
app:fontName="#string/fnt_roboto_light"
app:srcCompat="#drawable/ic_lose_weight_icon" />
And in my activity I have this code as well -
static {
AppCompatDelegate.setCompatVectorFromResourcesEnabled(true);
}
But whenever I launch my app in Android 5.0.1 Lollipop, the app immediately crashes with the above error.
Any help here would be really appreciated. Thank you.

I had a similar issue. Seems like removing android:fillType="..." solved it for me. Not sure if the attribute it's needed in your case.

I faced the same issue, Updating my gradle version from 3.0.1 to 3.1.0 solved my problem.
Use belove line in your project level gradle file inside dependencies block:
classpath 'com.android.tools.build:gradle:3.1.0'

Categories

Resources