Xcode Slicing圖片拉伸的圖文詳解
如圖是一個(gè)橫縱向都加了slicing的圖片
Xnip2018-09-13_10-59-32.jpg
這里主要講下Slicing里三條線條的意義和作用
首先，先分解出水平拉伸效果的來看，這里選擇的拉伸效果為Tiles也就是瓷磚式復(fù)制圖像元素填充模式。
Xnip2018-09-13_11-04-03.jpg
其中三條線的作用如下
Xnip2018-09-13_11-11-36.jpg
也就是當(dāng)圖片拉伸時(shí)，用區(qū)域A的圖片元素去不斷復(fù)制填充區(qū)域B的空間，區(qū)域B是被白遮罩層蓋的，這區(qū)域的圖片部分是不可見的，是用于區(qū)域A填充的空間。
線1和線2的區(qū)間為區(qū)域A
線2和線3之間的白遮罩區(qū)間為區(qū)域B
豎向拉伸效果的判斷同理
驗(yàn)證如下圖：
Xnip2018-09-13_11-20-16.jpg
Xnip2018-09-13_11-29-08.jpg
Xnip2018-09-13_11-30-09.jpg
