使用矢量路径和 XML 在 android 中绘制三角形

Question

我找到了如何画三角形，但我现在需要旋转它，但我似乎做不到。

我的目标是达到：

到目前为止我找到了这段代码：

<vector xmlns:android="http://schemas.android.com/apk/res/android"
    android:width="40dp"
    android:height="40dp"
    android:viewportHeight="100"
    android:viewportWidth="100">
    <group android:name="triableGroup">
        <path
            android:name="triangle"
            android:fillColor="@color/some_color"
            android:pathData="m 50,0 l 50,50 -100,0 z" />
    </group>
</vector>

但它看起来像这样：

Answer 1

一种方法是在 group 中添加这些属性：

android:pivotX="50"
android:pivotY="50"
android:rotation="45"

Answer 2

我知道这个问题已经有人回答了，但按照这种方式制作您自己的自定义矢量可绘制。

要使您自己的自定义矢量可绘制，请将您的图像转换为 svg 或 psd 格式，然后将您的图像上传到 android studio，如下所示。

第 1 步：右键单击 drawable 文件夹，转到新建，然后 select 像这样的矢量资产。

第 2 步：现在选中本地文件（SVG、PSD）单选按钮并上传您的 SVG 或 PSD 文件。

还有什么！最后你会得到你的矢量可绘制文件。编码愉快！！

Answer 3

<vector xmlns:android="http://schemas.android.com/apk/res/android"
    android:width="40dp"
    android:height="40dp"
    android:viewportHeight="100"
    android:viewportWidth="100">
    <group android:name="triableGroup">
        <path
            android:name="triangle"
            android:fillColor="@color/some_color"
            android:pathData="M 0,0 L50,0 50,50 z" />
    </group>
</vector>

使用矢量路径和 XML 在 android 中绘制三角形

drawing a triangle using Vector path and XML in android

xml

svg

android

vector

drawable