美文网首页
不写一行代码实现微信气泡拉伸

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

作者: f0b693d9893e | 来源:发表于2019-01-16 15:26 被阅读10次

images.xcassets

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

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

2、点击中间的 start Slicing

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

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

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

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

相关文章

网友评论

      本文标题:不写一行代码实现微信气泡拉伸

      本文链接:https://www.haomeiwen.com/subject/daemdqtx.html