不写一行代码实现微信气泡拉伸

images.xcassets

多亏了Xcode中Asset Catalog的slice和dice,我们不需要代码也能拉伸图片。首先在Xcode中选中图片,然后点击右下角的Show Slicing

1、首先打开对应图片的images.xcassets,看到下图,点击show Slicing

不写一行代码实现微信气泡拉伸_第1张图片

2、点击中间的 start Slicing

不写一行代码实现微信气泡拉伸_第2张图片

3、然后会看到下面三个按钮,左边的按钮用于horizontal edge insets,右边的按钮用于vertical edge insets,中间的则是两个都有。在我们的例子中要保留圆角,所以我们按中间的按钮,告诉系统我们想要按钮的中间在水平和垂直方向拉伸。在按下按钮之后,就能看到一些可以拖动的细条,这可以设置从哪里开始拉伸图片。

不写一行代码实现微信气泡拉伸_第3张图片

4、系统会保留下图深紫色的区域,浅紫色的区域会被拉伸。

Xcode自动找到了圆角,所以我们不需要设置从哪里开始拉伸图片。最后别忘了在Attribtues pane中设置图片是可拉伸的。

不写一行代码实现微信气泡拉伸_第4张图片

5、设置完,正常设置图片,run一下,你会发现图片随着你想要的进行拉伸。

你可能感兴趣的:(不写一行代码实现微信气泡拉伸)