iOS開發(fā)之自定義圖片拉伸功能
更新時間：2017年06月28日 14:09:28 作者：shuai265
這篇文章主要介紹了iOS開發(fā)之自定義圖片拉伸功能,需要的朋友可以參考下
需求
為了減小app體積，同時為了適配不同尺寸屏幕或不同應用場景，很多圖片素材都是標準通用的，比如IM消息氣泡、按鈕陰影效果等，但直接使用這些素材會產(chǎn)生一些問題，假如我們需要實現(xiàn)以下效果，即使用圖片為賬號密碼輸入框添加陰影效果：
圖片素材：
直接使用圖片實現(xiàn)的效果與需求效果對比：
經(jīng)過自定義拉伸調(diào)整過后，最終效果：
實現(xiàn)
將storyboard中的控件關(guān)聯(lián)到代碼文件中，accountTextBgImageView 為textFiled 下的背景圖片視圖，實現(xiàn)代碼如下：
UIImage *textBgImage = [_accountTextBgImageView.image resizableImageWithCapInsets:UIEdgeInsetsMake(12, 22, 12, 22) resizingMode:UIImageResizingModeStretch]; _accountTextBgImageView.image = textBgImage;
其中 UIEdgeInsetsMake 將創(chuàng)建并返回一個 edge inset。 edge inset 控制著拉伸圖片的位置，其四個參數(shù)按上左下右的順序，指明拉伸范圍距各個邊的距離，從下圖可以看出edge inset 的內(nèi)容和作用，我們可以拉伸圖片的同時，保證四個角不會變形。
示例中我們的圖片為90x50pixels，等同于 45x25pt，我們拉伸圖片時，需要保留四個角的圓弧不變形，只要拉伸橫向縱向中間一個pt就可以了，所以我們在代碼中將edge inset 設(shè)置為（12，22，12，22），即可實現(xiàn)我們的需求。
以上所述是小編給大家介紹的iOS開發(fā)之自定義圖片拉伸功能，希望對大家有所幫助，如果大家有任何疑問請給我留言，小編會及時回復大家的。在此也非常感謝大家對腳本之家網(wǎng)站的支持！
相關(guān)文章
這篇文章主要介紹了iOS開發(fā)中CALayer使用的基本教程,代碼基于傳統(tǒng)的Objective-C，需要的朋友可以參考下2015-11-11
要實現(xiàn)封裝視頻播放器，首先需要實現(xiàn)視頻播放器，然后再去考慮怎樣封裝可以讓以后自己使用起來方便快捷。iOS9之前可以使用MediaPlayer來進行視頻的播放，iOS9之后系統(tǒng)推薦使用AVFoundation框架實現(xiàn)視頻的播放。下面通過本文來看看詳細的介紹吧。2016-10-10
這篇文章主要介紹了IOS 數(shù)據(jù)存儲詳解及實例代碼的相關(guān)資料,需要的朋友可以參考下2017-02-02
這篇文章主要介紹了如何在IOS上使用ReplayKit 與 RTC，對IOS音視頻感興趣的同學，一定要看一下2021-04-04
這篇文章主要為大家詳細介紹了基于iOS實現(xiàn)倒影效果的相關(guān)代碼，具有一定的參考價值，感興趣的小伙伴們可以參考一下2017-07-07
iOS中UITextField實現(xiàn)過濾選中狀態(tài)拼音的代碼
這篇文章主要介紹了iOS中UITextField實現(xiàn)過濾選中狀態(tài)拼音的代碼,需要的朋友可以參考下2018-01-01
這篇文章主要給大家介紹了關(guān)于如何利用iCloud Drive同步Xcode配置的相關(guān)資料，文中通過示例代碼介紹的非常詳細，對大家的學習或者工作具有一定的參考學習價值，需要的朋友們下面來一起學習學習吧2018-05-05
本篇文章主要介紹了iOS實現(xiàn)視頻壓縮上傳實例代碼，小編覺得挺不錯的，現(xiàn)在分享給大家，也給大家做個參考。一起跟隨小編過來看看吧2017-04-04
學會使用別人的Pods依賴庫以后，你一定對創(chuàng)建自己的依賴庫躍躍欲試，今天就來揭開Pods依賴庫創(chuàng)建過程的神秘面紗2016-09-09
這篇文章主要介紹了iOS實現(xiàn)模擬定位功能的示例代碼,文中通過示例代碼介紹的非常詳細，對大家的學習或者工作具有一定的參考學習價值，需要的朋友們下面隨著小編來一起學習學習吧2019-11-11