iOS中如何實(shí)現(xiàn)自定義圖片拉伸功能

這篇文章將為大家詳細(xì)講解有關(guān)iOS中如何實(shí)現(xiàn)自定義圖片拉伸功能，小編覺得挺實(shí)用的，因此分享給大家做個(gè)參考，希望大家閱讀完這篇文章后可以有所收獲。

需求

為了減小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)我們的需求。

關(guān)于“iOS中如何實(shí)現(xiàn)自定義圖片拉伸功能”這篇文章就分享到這里了，希望以上內(nèi)容可以對大家有一定的幫助，使各位可以學(xué)到更多知識(shí)，如果覺得文章不錯(cuò)，請把它分享出去讓更多的人看到。