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