如何在 Android XML 中绘制圆弧？

Question

我想绘制一个弧作为 Android XML 对象。 我需要它是一个 xml，而不是一个 Drawable 我可以以编程方式编码（这太容易了！）因为我需要它作为通知图标。

我知道如何对圆和环进行编码，并且我可以在矩形上使用半径来获得四分之一/半圆。 但是，我不知道如何在 xml 中对任何弧（例如 30 度）进行编码。 是否可以？

Answer 1

XML仍然是一个Drawable资源，而SVG在那里被称为vector和path 。 您可以使用任何工具来创建矢量路径，然后可以将其用作pathData 。 此类文件的正确位置是src/main/res/drawable-nodpi ，这是一个示例path （可以将其中的几个放入这样的vector ）：

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

    <path
        android:fillColor="@color/colorAccent"
        android:pathData="M 250 250 A 100 100 0 0 0 450 250 Z"/>

</vector>

实际知道“如何绘制弧线”（使用上述路径的值）：

与此同时，Android Studio 甚至有一个“预览”标签：

Answer 2

对我来说，解决方案非常简单。 我不得不使用 Figma 来创建 Arc。

注意：您是否有使用 Figma 或任何设计工具的经验并不重要。 这是一个非常简单直接的过程，只需不到 5 分钟即可完成。

---

现在，让我们进入好的部分......

• 第一步是下载 Figma 桌面应用程序并绘制一条弧线。 这个简短的视频几乎总结了如何绘制弧线。

• 第二步是将弧导出为 SVG 文件。 同样，这是一个简单的过程，这个 51 秒的视频总结了这个过程。

• 最后一步是将 SVG 文件添加到 Android Studio。 为此，请转到“文件”>“新建”>“矢量资产” ，然后在弹出的菜单中选择“本地文件”。 总而言之，您应该会看到如下所示的菜单。 请注意，我的 SVG 本地文件的名称是 arc.svg。

Answer 3

弧形就像一个四分之一圆。 因此，您需要绘制矩形以形成圆弧。 下面的代码是使用矩形绘制圆弧：

<?xml version="1.0" encoding="utf-8"?>
<shape xmlns:android="http://schemas.android.com/apk/res/android"
android:shape="rectangle">
<size android:height="15dp" android:width="15dp"/>
<solid android:color="@color/darkGray"/>
<corners android:topRightRadius="0dp" android:bottomRightRadius="15dp"/>
</shape>