VectorDrawable:无效的可绘制标记渐变
Pra*_*ngh 15 android android-layout android-vectordrawable
我一直在使用Android Asset Studio从Zeplin导出的SVG文件生成矢量drawables一段时间,除了几次,它工作正常.但是今天我尝试使用生成的矢量drawable时遇到了这个异常.
android.view.InflateException: Binary XML file line #0: Error inflating class <unknown>
并在相同的堆栈跟踪中:
Caused by: org.xmlpull.v1.XmlPullParserException: Binary XML file line #0: invalid drawable tag gradient
我对Android中的Vector drawables和SVG知之甚少.Vector drawables中是否不支持渐变？是否有解决此问题的方法,还是需要使用PNG？
我使用支持库版本:
com.android.support:support-v4:26.1.0
我在用
Android Studio 3.0
以下是Android Asset Studio生成的VectorDrawable文件:
<vector
xmlns:android="http://schemas.android.com/apk/res/android"
xmlns:aapt="http://schemas.android.com/aapt"
android:width="360dp"
android:height="110dp"
android:viewportWidth="360.0"
android:viewportHeight="110.0">
<path
android:pathData="M82,46H0v64h360V46h-81.88v-0.3h-26.21c-14.25,0 -38.69,-6.2 -46.95,-25.93C200.99,10.25 193.27,0.52 180,0.47c-13.27,-0.05 -20.04,9.24 -24.75,19.3 -8.22,17.55 -24.66,26.19 -49.34,25.93H82V46z"
android:fillType="evenOdd">
<aapt:attr name="android:fillColor">
<gradient
android:startY="0.41999998688697815"
android:startX="0.0"
android:endY="110.0"
android:type="linear"
android:endX="360.0">
<item android:offset="0.0" android:color="#FFCB09FF" />
<item android:offset="1.0" android:color="#FF8A06FF" />
</gradient>
</aapt:attr></path>
</vector>
链接到原始SVG文件:https://drive.google.com/file/d/1Lj62xJv5IpYR5Lle7w1kMsFXh6y5PijK/view? usp =sharing
在Sublime上打开时的SVG内容:
<svg xmlns="http://www.w3.org/2000/svg" width="360" height="110" viewBox="0 0 360 110">
<defs>
<linearGradient id="a" x1="0%" y1="0%" y2="100%">
<stop offset="0%" stop-color="#CB09FF"/>
<stop offset="100%" stop-color="#8A06FF"/>
</linearGradient>
</defs>
<path fill="url(#a)" fill-rule="evenodd" d="M82 46H0v64h360V46h-81.876v-.299h-26.208c-14.25 0-38.69-6.198-46.946-25.93C200.99 10.252 193.27.52 180 .474c-13.27-.047-20.04 9.238-24.75 19.295-8.217 17.55-24.662 26.194-49.336 25.931H82V46z"/>
</svg>
Jor*_*sys 10
android：fillColor属性仅在OS 7.0+中受支持，
android：fillColor 指定用于填充路径的颜色。可能是颜色，或者对于SDK 24+，可能是颜色状态列表或渐变颜色（请参阅GradientColor和GradientColorItem）。如果将此属性设置为动画，则动画设置的任何值都将覆盖原始值。如果未指定此属性，则不会绘制路径填充。
对于目录/ drawable中的较旧版本，我们可以将矢量资产放置为没有渐变的位置，例如：
<vector android:height="24dp" android:viewportHeight="651.95"
android:viewportWidth="531.48" android:width="24dp"
xmlns:aapt="http://schemas.android.com/aapt" xmlns:android="http://schemas.android.com/apk/res/android">
<path android:pathData="M386.8,30.2c-48.5,0 -76.1,18 -121.1,18s-72.6,-18 -121.1,-18c-87.9,0 -144.7,83.3 -144.7,186 0,92.9 160,350.5 265.7,350.5 112.9,0 265.7,-257.6 265.7,-350.5C531.5,113.5 474.7,30.2 386.8,30.2Z">
<!--<aapt:attr name="android:fillColor">
<gradient android:endX="212457.73219299316"
android:endY="440836.2612554932"
android:startX="212457.73219299316"
android:startY="92857.94223999024" android:type="linear">
<item android:color="#FFFC3A11" android:offset="0.0"/>
<item android:color="#FFDA0300" android:offset="1.0"/>
</gradient>
</aapt:attr>-->
</path>
...
...
和/ drawable-24目录中的渐变：
<vector android:height="24dp" android:viewportHeight="651.95"
android:viewportWidth="531.48" android:width="24dp"
xmlns:aapt="http://schemas.android.com/aapt" xmlns:android="http://schemas.android.com/apk/res/android">
<path android:pathData="M386.8,30.2c-48.5,0 -76.1,18 -121.1,18s-72.6,-18 -121.1,-18c-87.9,0 -144.7,83.3 -144.7,186 0,92.9 160,350.5 265.7,350.5 112.9,0 265.7,-257.6 265.7,-350.5C531.5,113.5 474.7,30.2 386.8,30.2Z">
<aapt:attr name="android:fillColor">
<gradient android:endX="212457.73219299316"
android:endY="440836.2612554932"
android:startX="212457.73219299316"
android:startY="92857.94223999024" android:type="linear">
<item android:color="#FFFC3A11" android:offset="0.0"/>
<item android:color="#FFDA0300" android:offset="1.0"/>
</gradient>
</aapt:attr>
</path>
...
...
- 我只想提供一张纸条。我使用Android Studio使用带有渐变的SVG创建了“新矢量资产”。我建立了Release APK并查看了文件...在`build> generate> res> pngs> release`内部是`drawable-anydpi-v24`，并且xml文件已放置在此处。同样，在“ drawable- * dpi”内部相同级别的是具有相同名称的png位图。因此，AS处理了向后兼容性，从理论上讲，在任何设备上都不会崩溃。然而，一周后我在一款体积很小的应用程序中遇到了LG G4的崩溃。 (5认同)
仅具有渐变的android：fillColor支持API 24+（7.0）
参考：https : //developer.android.com/reference/android/graphics/drawable/VectorDrawable.html
尝试在'drawable-v24'和'drawable'文件夹中添加相同的矢量而没有渐变
此解决方案正在为我们工作 build.gradle
defaultConfig {
vectorDrawables.useSupportLibrary = true
}
，app:srcCompat而不是android:src在将带有渐变的可绘制向量设置为时使用ImageView。
我能够通过使用来解决这个问题
app:srcCompat="@drawable/ic_vector"
代替
android:src="@drawable/ic_vector"
这是在 API 22 设备上测试的
android:fillColor属性引起的错误；这是因为：
android:fillColor 指定用于填充路径的颜色。可能是颜色，或者对于 SDK 24+，颜色状态列表或渐变颜色（请参阅 GradientColor 和 GradientColorItem）。如果此属性是动画的，则动画设置的任何值都将覆盖原始值。如果未指定此属性，则不会绘制路径填充。
如果您想在早于 24 的版本中使用渐变，您可以使用解决方法：
-编辑您的矢量（例如称为drawable/ic_vector.xml）：
<vector
xmlns:android="http://schemas.android.com/apk/res/android"
xmlns:aapt="http://schemas.android.com/aapt"
android:width="360dp"
android:height="110dp"
android:viewportWidth="360.0"
android:viewportHeight="110.0">
<path
android:pathData="M82,46H0v64h360V46h-81.88v-0.3h-26.21c-14.25,0 -38.69,-6.2 -46.95,-25.93C200.99,10.25 193.27,0.52 180,0.47c-13.27,-0.05 -20.04,9.24 -24.75,19.3 -8.22,17.55 -24.66,26.19 -49.34,25.93H82V46z"
android:fillType="evenOdd">
<!--<aapt:attr name="android:fillColor">
<gradient
android:startY="0.41999998688697815"
android:startX="0.0"
android:endY="110.0"
android:type="linear"
android:endX="360.0">
<item android:offset="0.0" android:color="#FFCB09FF" />
<item android:offset="1.0" android:color="#FF8A06FF" />
</gradient>
</aapt:attr></path>-->
- 创建另一个可绘制资源，其中插入渐变作为项目：
<layer-list xmlns:android="http://schemas.android.com/apk/res/android">
<item>
<shape android:shape="rectangle">
<gradient
android:type="linear"
android:startColor="#FFCB09FF"
android:endColor="#FF8A06FF"
android:angle="270">
</gradient>
</shape>
</item>
<item android:drawable="@drawable/ic_vector"/>
希望我对你有帮助！
And*_*eek -1
尝试在应用程序 gradle ie 中添加矢量支持命令
defaultConfig {
vectorDrawables.useSupportLibrary = true
}
