自定义矢量上的 Android 投影

use*_*142 5 svg android vector

我希望能够为我的可绘制文件夹中的矢量添加阴影。目前,当我将具有投影的 svg 导入 Android Studio 时,转换为 xml 会删除投影。

我将如何在 Android Studio 中为矢量图形创建阴影?

这是我尝试添加阴影的矢量的示例图像。在此输入图像描述

小智 6

您可以创建边缘不模糊的阴影: * 打开“drawable xml”文件;* 在(对于每个路径)之前添加一个包含阴影翻译的组(取决于矢量分辨率)并用深色透明颜色填充它,例如:

  <group
      android:translateX="150"
      android:translateY="150"
      >
    <path
        android:pathData="..."
        android:fillColor="#40000000"
        />
  </group>
Run Code Online (Sandbox Code Playgroud)


小智 -1

如果你有像 sketch 这样的 svg 编辑器工具,我会通过它添加阴影并保存 svg。然后使用以下工具将其转换为android可绘制对象。 http://a-student.github.io/SvgToVectorDrawableConverter.Web/

最后,要么将 xml 文件下载到您的可绘制文件夹中,要么选择并复制内容,然后在项目中手动创建一个新的可绘制资源并将内容复制到其中。十分简单 :)。让我知道这对你来说效果如何。

  • 当从 Sketch 转换为 .xml 时,阴影不会被传递。您将获得没有阴影的图像矢量 (2认同)