android - 如何在flutter中显示.9.png格式的图片？

Question

这是我的代码:

new Image.asset('images/launcher/border_highlight.9.png', fit: BoxFit.fill)));

当我改变图片的宽高时，显示效果很差，但在原生android中显示正常。

flutter不支持.9图片吗？有没有其他方法可以达到同样的效果？

Answer 1

Flutter 支持类似的概念，但不直接支持 9-patch 文件，因此它实际上适用于任何图像。

比如我这里有一张50x50的图片，button.png:

当在 Photoshop 中放大到 1200% 时，我们可以看到我们想要定义为“中心”以便可以拉伸(stretch)的区域。我在距每条边 15 像素处绘制了一些蓝色引用线:

要在 Flutter 中使用它，我们可以使用 centerSlice 属性并传入一个 Rect，它基本上定义了我在 Photoshop 中绘制的矩形，即宽度和高度都从 15px 到 35px:

        Image.asset(
          "images/button.png",
          height: 100,
          width: 350,
          centerSlice: Rect.fromLTRB(15, 15, 35, 35),
        )

结果如下(对比不传入centerSlice，而是传入fit:BoxFit.fill):