如何扩展矢量可绘制？

Question

我试图扩大形状，但只能从一侧扩大。

我所拥有的： https://imgur.com/NboRnFw

我想要拥有的东西： https://imgur.com/eTQpA75

<vector xmlns:android="http://schemas.android.com/apk/res/android"
    android:width="368dp"
    android:height="257dp"
    android:viewportWidth="368"
    android:viewportHeight="257">
  <path
      android:pathData="M0,6H348C359.046,6 368,14.954 368,26V243H0V6Z"
      android:fillColor="#E7C9FF"/>
</vector>

如何在Android Studio中执行此操作？是否有某种图像缩放可以实现这一目标？我不想更改这种形状的资源代码。

Answer 1

对于这种情况，最好使用 9个补丁图像。您将无法通过其他方式获得此结果，因为更改宽度高度比会使图像变形。

您可以通过指定1像素的顺序来指定要扩展的区域，这很容易设置，并且Android Studio中有内置的编辑器。

首先从SVG中创建PNG，然后在Android Studio中，右键单击要用于创建NinePatch图像的PNG图像，然后单击“创建9补丁文件”。

https://developer.android.com/studio/write/draw9patch

创建一个9补丁实际上需要几秒钟。您也可以在没有Android Studio的情况下使用this online editor构建九个补丁。

（我试图将您的图形绘制成9个小块，但它的背景是白色，这会引起问题。）