用梯形举例,其他形状都是一个道理,直接上代码
<?xml version="1.0" encoding="utf-8"?>
<vector xmlns:android="http://schemas.android.com/apk/res/android"
android:viewportWidth="55"
android:viewportHeight="22"
android:width="55dp"
android:height="22dp">
<path
android:pathData="m0,0 l55,0 l-6,22 l-49,0 z"
android:fillColor="@color/color_1AFFFFFF" />
</vector>
解释下怎么画出来,首先把pathData命令含义讲一下:
m x,y 移动到指定点(X,Y), m(dx,dy)表示移动到相对当前点的相对dx,dy坐标位置
l(X,Y) 从当前点划线到(X,Y), l(dx,dy)表示划线到相对当前点dx距离,dy距离坐标位置
z 结束画线
m0,0 l55,0 l-6,22 l-49,0 z
m0,0 移动到原点
l55,0 相对于上一个点x轴移动了55,y轴不变
l-6,22 相对于上一个点x轴移动了-6,y轴22
l-49,0 相对于上一个点x轴移动了-49,y轴不变
注意每次移动都是相对于上一个来看,以上一个点为原点。