Image Slicing
功能是在WWDC 2013中Xcode 5 中新增的,類似于安卓里面的Create 9-Patch file
〉凳澹現(xiàn)在用的最多的場景就是聊天功能中,聊天內(nèi)容的背景框圖片可以隨文字多少自動變換高度痪伦。
代碼等同于:- (UIImage *)resizableImageWithCapInsets:(UIEdgeInsets)capInsets resizingMode:(UIImageResizingMode)resizingMode
接下來残制,我們用一張顏色鮮明的圖來看看Slicing到底是如何作用的。進入Assets
斩狱,選中圖片耳高,點擊右下角的Show Slicing
,在圖片上出現(xiàn)三個可操作按鈕所踊。如下圖泌枪。
先看水平方向。點擊之后如下圖秕岛,圖片上出現(xiàn)三根線碌燕,Inspector
面板中也有Slicing
對應(yīng)的設(shè)置误证。
-
左邊線表示左邊的區(qū)域不能被重復
-
右邊線表示右邊的區(qū)域不能被重復
-
中間線和左邊線之間的區(qū)域被重復
-
中間線和右邊線之間的區(qū)域舍棄掉(舍棄的部分會有白色蒙板)
同理,從垂直方向上看也一樣修壕。左邊和右邊分別對應(yīng)上邊和下邊愈捅。如果同時有水平和垂直方向,那么重復區(qū)域取交集慈鸠,不能被重復部分選并集改鲫,舍棄掉的部分視覺上可直接看到。
-
slices
是 拉伸的方向林束,其中有四個選項像棘。不同選項下方對應(yīng)的insert
也不一樣。 -
center
是 重復部分的填充方式-
Tiles
:平鋪 -
Stretches
:拉伸
-
-
center
下的width
和height
分別代表可重復部分的寬和高壶冒,只有上下左右同時裁剪的時候才會有缕题。在只有水平方向時,只有width
胖腾;在只有垂直方向時烟零,只有height
。