Image Slicing

如何在不使用代码的情况下拉伸图片呢?

Xcode中Asset Catalog的slice和dice,我们不需要代码也能拉伸图片。

首先在Xcode中选中图片,然后点击右下角的Show Slicing:


Image Slicing_第1张图片
Image Slicing_第2张图片

图中有三种模式,分别是左右,上下左右以及上下。

Image Slicing_第3张图片

例:选择左右,看到图中有三条竖线。

Image Slicing_第4张图片

运行,看到图片为下图。

Image Slicing_第5张图片

把三条线拉伸如下图。

Image Slicing_第6张图片

运行之后

Image Slicing_第7张图片

将第二条线与第三条线合并,运行

Image Slicing_第8张图片
Image Slicing_第9张图片

由此可见,图片拉伸的时候第一第二条线之间的内容会重复拉伸,第二第三条线之间的内容消失了。


ATT:拉伸的图片内容拉伸的部分都是重复的,修改下图选项之后,图片拉伸部分就是拉伸的了。

Image Slicing_第10张图片

你可能感兴趣的:(Image Slicing)