Question

自Android API 21起，Android应允许SVG作为主屏幕的图标。但是，正如我所读到的，有必要将Android Studio中的SVG转换为vectordrawings，它们实际上是具有所有SVG元素的XML文件，这些SVG元素已转换为路径和一些特殊标记。为了在主屏幕上使用自定义的PNG图标，我通常将其保存在res文件夹中，并将以下行添加到cordova-config.xml文件中（有效）：

decimalOnly

要使用矢量图标，我尝试过将图标作为svg和vectordrawings版本使用（两者均无效）。

用于SVG的Cordova配置条目：

<platform name="android">
   <icon src="res/path/symbol.png" />
</platform>

用于矢量绘图的Cordova-config-entry：

<platform name="android">
   <icon src="res/path/symbol.svg" />
</platform>

我在互联网上找不到任何与Cordova和vector-homescreen-icons明确相关的内容。我很感谢任何建议。

编辑（添加了生成的AndroidManifest.xml文件）：

<platform name="android">
   <icon src="res/path/symbol.xml" />
</platform>

Answer 1

您必须将SVG转换为VectorDrawable，才能将其用作启动器图标...还有一个Vector Asset Studio。例如，它看起来像这样（一个人可以简单地将SVG的路径粘贴到那里，只有路径坐标的数字符号可能需要较小的语法修复）：

<?xml version="1.0" encoding="utf-8"?>
<vector
    xmlns:android="http://schemas.android.com/apk/res/android"
    android:width="24dp"
    android:height="24dp"
    android:viewportWidth="24"
    android:viewportHeight="24">

    <path
        android:fillColor="#000000"
        android:pathData="..." />

</vector>

如何使用Cordova在Android主屏幕上使用矢量图标？

1 个答案: