需求

為了減小app體積，同時(shí)為了適配不同尺寸屏幕或不同應(yīng)用場景，很多圖片素材都是標(biāo)準(zhǔn)通用的，比如IM消息氣泡、按鈕陰影效果等，但直接使用這些素材會(huì)產(chǎn)生一些問題，假如我們需要實(shí)現(xiàn)以下效果，即使用圖片為賬號(hào)密碼輸入框添加陰影效果：

圖片素材：

直接使用圖片實(shí)現(xiàn)的效果與需求效果對比：

經(jīng)過自定義拉伸調(diào)整過后，最終效果：

實(shí)現(xiàn)

將storyboard中的控件關(guān)聯(lián)到代碼文件中，accountTextBgImageView 為textFiled 下的背景圖片視圖，實(shí)現(xiàn)代碼如下：

  UIImage *textBgImage = [_accountTextBgImageView.image resizableImageWithCapInsets:UIEdgeInsetsMake(12, 22, 12, 22) resizingMode:UIImageResizingModeStretch];  _accountTextBgImageView.image = textBgImage;

其中 UIEdgeInsetsMake 將創(chuàng)建并返回一個(gè) edge inset。 edge inset 控制著拉伸圖片的位置，其四個(gè)參數(shù)按上左下右的順序，指明拉伸范圍距各個(gè)邊的距離，從下圖可以看出edge inset 的內(nèi)容和作用，我們可以拉伸圖片的同時(shí)，保證四個(gè)角不會(huì)變形。

示例中我們的圖片為90x50pixels，等同于 45x25pt，我們拉伸圖片時(shí)，需要保留四個(gè)角的圓弧不變形，只要拉伸橫向縱向中間一個(gè)pt就可以了，所以我們在代碼中將edge inset 設(shè)置為（12，22，12，22），即可實(shí)現(xiàn)我們的需求。

以上所述是小編給大家介紹的iOS開發(fā)之自定義圖片拉伸功能，希望對大家有所幫助，如果大家有任何疑問請給我留言，小編會(huì)及時(shí)回復(fù)大家的。在此也非常感謝大家對VEVB武林網(wǎng)網(wǎng)站的支持！