如何在 Android 中使用 XML 作为可绘制对象创建自定义形状？

Question

看看这个要点。

上面的要点创建了一个如下所示的可绘制对象：

显然，在要点中， pathData属性已提供坐标。 这是如何实现的，我的意思是，当然有人不会根据自己的需要找到每个点。

我的问题：这是如何实现的？ 是否有任何工具可以这样做？

像这样的 Drawable 通过避免使用图像来减少应用程序的大小。 此外，还有一些关于 XML 中的 drawable 的问题，例如this 、 this等等，但我认为我的问题非常不同（并且可能很有用）。

Answer 1

你可以使用一些工具来设计你的 SVG 文件，比如Android Vector Asset Studio

通常人们不会自己编写 SVG 路径，他们会使用工具或编辑器来绘制图形并生成文件。

Answer 2

您需要做的是使用 SVG 编辑器（例如Inkscape （我使用的））创建 SVG 图像，或者如果您想要更专业（和昂贵）的编辑器，您可以使用Adobe Illustrator 。 您甚至可以使用可在浏览器中访问的名为svg-edit的工具。

创建所需的艺术作品后，保存您的 SVG 文件。 接下来转到并打开Android Studio。

• 右键单击 res 文件夹（通常放置可绘制对象的任何文件夹）
• 选择新建 > 矢量资源。 这将打开以下窗口。

• 选择本地文件

• 编辑路径以将其定向到 svg 文件的位置
• 根据图像的复杂性，可能会抛出错误（并非所有 svg 元素都转换为 xml。因此，避免在 svg 中使用复杂的艺术，在这种情况下使用光栅图像）。
• Android Studio 自己做了一些修复。 因此，即使抛出错误，如果您的图像呈现良好，那么您就可以开始了。
• 单击下一步> 调整更多设置 > 单击完成
• 您的 xml 矢量资产已成功创建。

注意：为确保向后兼容，请将以下内容添加到 build.gradle

android{
         defaultConfig{
                        vectorDrawables.useSupportLibrary = true
                      }
       }
dependencies{
              compile 'com.android.support:appcompat-v7:23.2.0'
            }

希望这对你有帮助。 有关更多信息，请参阅 官方文档。