我用我的路径数据创建了一个矢量绘图文件。但问题是图像并没有在整个区域的中心对齐，而是创建为左上对齐。看看：
文件：
<?xml version="1.0" encoding="utf-8"?>
<vector xmlns:android="http://schemas.android.com/apk/res/android"
android:width="24dp"
android:height="24dp"
android:viewportHeight="24.0"
android:viewportWidth="24.0">
<path
android:fillColor="@android:color/white"
android:pathData="M7.144375,6.49965789 L13.196575,0.583973684 C13.333075,0.450552632 13.333075,0.233657895 13.196575,0.0995526316 C13.060075,-0.0331842105 12.838175,-0.0331842105 12.701675,0.0995526316 L6.649475,6.01592105 L0.596575,0.0995526316 C0.460775,-0.0331842105 0.238875,-0.0331842105 0.102375,0.0995526316 C-0.034125,0.233657895 -0.034125,0.450552632 0.102375,0.583973684 L6.154575,6.49965789 L0.102375,12.4153421 C-0.034125,12.5487632 -0.034125,12.7656579 0.102375,12.8997632 C0.170975,12.9661316 0.260575,12.9989737 0.350175,12.9989737 C0.439775,12.9989737 0.529375,12.9654474 0.597975,12.8997632 L6.650175,6.98339474 L12.702375,12.8997632 C12.770975,12.9661316 12.860575,12.9989737 12.950175,12.9989737 C13.039775,12.9989737 13.129375,12.9654474 13.197975,12.8997632 C13.334475,12.7656579 13.334475,12.5487632 13.197975,12.4153421 L7.145775,6.49965789 L7.144375,6.49965789 Z" />
</vector>
现在检查它在用作app:srccompat for imageview时的实际外观。
有没有办法解决这个问题，因为我没有太多的经验与矢量绘图？
任何帮助都将不胜感激。
编辑：这是我如何使用矢量绘图。
<ImageView
android:layout_width="wrap_content"
android:layout_height="wrap_content"
app:srcCompat="@drawable/close_button"/>
最佳答案
您指定的向量是24x24，但路径没有那么大。如果我们真的检查了它的尺寸，它的边界框坐标是：
x: -0.034
y: -0.033
width: 13.369
height: 13.032
所以它只占据了左上角大约13x13的区域。
根据你想要的结果，你有几个选择来解决这个问题。
解决方案1
如果您希望放大图标以占据整个24x24图标区域，那么将
viewportWidth和viewportHeight更改为更合适的图标应该可以工作。<?xml version="1.0" encoding="utf-8"?>
<vector xmlns:android="http://schemas.android.com/apk/res/android"
android:width="24dp"
android:height="24dp"
android:viewportHeight="13.4"
android:viewportWidth="13.1">
<path
android:fillColor="@android:color/white"
android:pathData="M7.144375,6.49965789 L13.196575,0.583973684 C13.333075,0.450552632 13.333075,0.233657895 13.196575,0.0995526316 C13.060075,-0.0331842105 12.838175,-0.0331842105 12.701675,0.0995526316 L6.649475,6.01592105 L0.596575,0.0995526316 C0.460775,-0.0331842105 0.238875,-0.0331842105 0.102375,0.0995526316 C-0.034125,0.233657895 -0.034125,0.450552632 0.102375,0.583973684 L6.154575,6.49965789 L0.102375,12.4153421 C-0.034125,12.5487632 -0.034125,12.7656579 0.102375,12.8997632 C0.170975,12.9661316 0.260575,12.9989737 0.350175,12.9989737 C0.439775,12.9989737 0.529375,12.9654474 0.597975,12.8997632 L6.650175,6.98339474 L12.702375,12.8997632 C12.770975,12.9661316 12.860575,12.9989737 12.950175,12.9989737 C13.039775,12.9989737 13.129375,12.9654474 13.197975,12.8997632 C13.334475,12.7656579 13.334475,12.5487632 13.197975,12.4153421 L7.145775,6.49965789 L7.144375,6.49965789 Z" />
</vector>
我在这里通过改变视窗所做的就是告诉android，vectorDrawable的实际内容在（0,0）到（13.4,13.1）之间。不太准确，但可能已经够近了。android应该将该区域的所有内容放大，以填充24x24图标区域。
解决方案2
另一种解决方案是将路径移到24x24视区的中心。您可以使用vectorDrawable
<group>标记来实现这一点。我们需要将平移应用到移动该路径的路径上，使其居中。
道路的中心现在位于：
x = -0.034 + 13.369/2
= 6.651
y = -0.033 + 13.032/2
= 6.483
我们想把它移到12，12。因此，我们将路径包装成一个具有适当数量的
translateX和translateY值的组。我们需要沿x轴右移（12-6.651）=5.349，然后
我们需要向下移动（12-6.483）=5.517。
<?xml version="1.0" encoding="utf-8"?>
<vector xmlns:android="http://schemas.android.com/apk/res/android"
android:width="24dp"
android:height="24dp"
android:viewportHeight="24"
android:viewportWidth="24">
<group translateX="5.349" translateY="5.517">
<path
android:fillColor="@android:color/white"
android:pathData="M7.144375,6.49965789 L13.196575,0.583973684 C13.333075,0.450552632 13.333075,0.233657895 13.196575,0.0995526316 C13.060075,-0.0331842105 12.838175,-0.0331842105 12.701675,0.0995526316 L6.649475,6.01592105 L0.596575,0.0995526316 C0.460775,-0.0331842105 0.238875,-0.0331842105 0.102375,0.0995526316 C-0.034125,0.233657895 -0.034125,0.450552632 0.102375,0.583973684 L6.154575,6.49965789 L0.102375,12.4153421 C-0.034125,12.5487632 -0.034125,12.7656579 0.102375,12.8997632 C0.170975,12.9661316 0.260575,12.9989737 0.350175,12.9989737 C0.439775,12.9989737 0.529375,12.9654474 0.597975,12.8997632 L6.650175,6.98339474 L12.702375,12.8997632 C12.770975,12.9661316 12.860575,12.9989737 12.950175,12.9989737 C13.039775,12.9989737 13.129375,12.9654474 13.197975,12.8997632 C13.334475,12.7656579 13.334475,12.5487632 13.197975,12.4153421 L7.145775,6.49965789 L7.144375,6.49965789 Z" />
</group>
</vector>
当然，您也可以选择将这两种方法结合起来。或者，如果你不仅需要移动十字架，而且还需要放大一点，也可以在组中添加一个比例尺。