創(chuàng)建尺寸可調(diào)的圖片來為不同標(biāo)準(zhǔn)的 UI 元素定制背景,如彈出框、按鈕、導(dǎo)航欄、標(biāo)簽欄及工具欄(包含這些欄中的項目),可調(diào)整尺寸的圖片會使這些元素有更好的呈現(xiàn)效果。
對于許多 UI 元素來說,你也可以使用特定的 end caps 來替代背景?!癳nd cap” 定義了一張圖片中不允許調(diào)整尺寸的區(qū)域,例如,對于一個按鈕,你可以創(chuàng)建一張在四個角落分別帶有四個 end caps 的可調(diào)圖片,當(dāng)這張圖片作為按鈕的背景填充時,它會被重新校驗(yàn)尺寸,但由 end caps 定義的區(qū)域會保持不變。
基于你所提供的尺寸可調(diào)的圖片,iOS 會拉伸或平鋪圖片來填充一個 UI 元素的背景區(qū)域。拉伸圖片意味著把這個圖片放大,同時忽視了這張圖片的初始比例。拉伸是可行的,但往往會將一張多像素的圖片扭曲,得到不好的效果。平鋪意味著將原始圖片不斷重復(fù)排列打到填充目標(biāo)區(qū)域的效果,平鋪的效果不如拉伸好,但只能通過平鋪來實(shí)現(xiàn)一些紋理圖案效果。
通常來說,你需要提供提供一張圖片的最小版本(包含 end caps)來測試你想要的效果,例如: