xcode 资产切片中线的含义？

Question

官方文档：

https://help.apple.com/xcode/mac/8.0/#/deve65bd8d0d

3条竖线： - 左线显示左侧不可拉伸区域 - 右线显示正确的不可拉伸区域 但无法理解中间垂直线的实际作用。你能解释一下它是如何工作的吗？

Answer 1

But can't understand what does the middle vertical line actually do. Could you explain how does it work?

中线控制图像可调整大小部分的宽度。完成垂直切片后，您最终会得到三个部分：左侧部分、右侧部分和将被拉伸（或平铺）以让图像填充您需要的任何内容的中心部分。中心部分是左线和中线之间的区域。请注意，中间和右侧线条之间的区域带有阴影，表示原始图像的那部分将从切片资产中删除。

请注意，您还可以水平切片或水平和垂直切片。如果你在两个方向上切片，你最终会得到所谓的 nine patch 图像，其中四个角有不可拉伸的部分，顶部和底部边缘有水平可拉伸的部分，垂直左右边缘的可拉伸部分，以及垂直和水平可拉伸的中心部分。