iOS開(kāi)發(fā)之自定義圖片拉伸功能
需求
為了減小app體積，同時(shí)為了適配不同尺寸屏幕或不同應(yīng)用場(chǎng)景，很多圖片素材都是標(biāo)準(zhǔn)通用的，比如IM消息氣泡、按鈕陰影效果等，但直接使用這些素材會(huì)產(chǎn)生一些問(wèn)題，假如我們需要實(shí)現(xiàn)以下效果，即使用圖片為賬號(hào)密碼輸入框添加陰影效果：
圖片素材：
直接使用圖片實(shí)現(xiàn)的效果與需求效果對(duì)比：
經(jīng)過(guò)自定義拉伸調(diào)整過(guò)后，最終效果：
實(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就可以了，所以我們?cè)诖a中將edge inset 設(shè)置為（12，22，12，22），即可實(shí)現(xiàn)我們的需求。
以上所述是小編給大家介紹的iOS開(kāi)發(fā)之自定義圖片拉伸功能，希望對(duì)大家有所幫助，如果大家有任何疑問(wèn)請(qǐng)給我留言，小編會(huì)及時(shí)回復(fù)大家的。在此也非常感謝大家對(duì)腳本之家網(wǎng)站的支持！
相關(guān)文章
這篇文章主要介紹了iOS開(kāi)發(fā)中CALayer使用的基本教程,代碼基于傳統(tǒng)的Objective-C，需要的朋友可以參考下2015-11-11
要實(shí)現(xiàn)封裝視頻播放器，首先需要實(shí)現(xiàn)視頻播放器，然后再去考慮怎樣封裝可以讓以后自己使用起來(lái)方便快捷。iOS9之前可以使用MediaPlayer來(lái)進(jìn)行視頻的播放，iOS9之后系統(tǒng)推薦使用AVFoundation框架實(shí)現(xiàn)視頻的播放。下面通過(guò)本文來(lái)看看詳細(xì)的介紹吧。2016-10-10
IOS 數(shù)據(jù)存儲(chǔ)詳解及實(shí)例代碼
這篇文章主要介紹了IOS 數(shù)據(jù)存儲(chǔ)詳解及實(shí)例代碼的相關(guān)資料,需要的朋友可以參考下2017-02-02
這篇文章主要介紹了如何在IOS上使用ReplayKit 與 RTC，對(duì)IOS音視頻感興趣的同學(xué)，一定要看一下2021-04-04
這篇文章主要為大家詳細(xì)介紹了基于iOS實(shí)現(xiàn)倒影效果的相關(guān)代碼，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2017-07-07
iOS中UITextField實(shí)現(xiàn)過(guò)濾選中狀態(tài)拼音的代碼
這篇文章主要介紹了iOS中UITextField實(shí)現(xiàn)過(guò)濾選中狀態(tài)拼音的代碼,需要的朋友可以參考下2018-01-01
這篇文章主要給大家介紹了關(guān)于如何利用iCloud Drive同步Xcode配置的相關(guān)資料，文中通過(guò)示例代碼介紹的非常詳細(xì)，對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值，需要的朋友們下面來(lái)一起學(xué)習(xí)學(xué)習(xí)吧2018-05-05
iOS實(shí)現(xiàn)視頻壓縮上傳實(shí)例代碼
本篇文章主要介紹了iOS實(shí)現(xiàn)視頻壓縮上傳實(shí)例代碼，小編覺(jué)得挺不錯(cuò)的，現(xiàn)在分享給大家，也給大家做個(gè)參考。一起跟隨小編過(guò)來(lái)看看吧2017-04-04
學(xué)會(huì)使用別人的Pods依賴庫(kù)以后，你一定對(duì)創(chuàng)建自己的依賴庫(kù)躍躍欲試，今天就來(lái)揭開(kāi)Pods依賴庫(kù)創(chuàng)建過(guò)程的神秘面紗2016-09-09
這篇文章主要介紹了iOS實(shí)現(xiàn)模擬定位功能的示例代碼,文中通過(guò)示例代碼介紹的非常詳細(xì)，對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值，需要的朋友們下面隨著小編來(lái)一起學(xué)習(xí)學(xué)習(xí)吧2019-11-11