iOS開發(fā)之自定義圖片拉伸功能
需求
為了減小app體積，同時為了適配不同尺寸屏幕或不同應(yīng)用場景，很多圖片素材都是標(biāo)準(zhǔn)通用的，比如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ā)之自定義圖片拉伸功能，希望對大家有所幫助，如果大家有任何疑問請給我留言，小編會及時回復(fù)大家的。在此也非常感謝大家對腳本之家網(wǎng)站的支持！
相關(guān)文章
這篇文章主要為大家詳細(xì)介紹了IOS中無限滾動Scrollview效果，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價值，感興趣的小伙伴們可以參考一下2016-02-02
這篇文章主要介紹了Objective-C中的重載和重寫詳解的相關(guān)資料,開發(fā)IOS APP的好多朋友很容易搞錯重載和重寫，這里就詳細(xì)介紹下，需要的朋友可以參考下2016-11-11
iOS UITableView 拖動排序?qū)崿F(xiàn)代碼
這篇文章主要為大家詳細(xì)介紹了iOS UITableView 拖動排序?qū)崿F(xiàn)代碼,具有一定的參考價值，感興趣的小伙伴們可以參考一下2016-09-09
這篇文章主要介紹了iOS集成GoogleMap(定位、搜索)需要注意的地方，對此有興趣的讀者一起學(xué)習(xí)下吧。2018-02-02
詳解iOS的Core Animation框架中的CATransform3D圖形變換
CATransform3D一般用于操作view的layer的,是Core Animation的結(jié)構(gòu)體,可以用來做比較復(fù)雜的3D操作,這里我們就帶大家來詳解iOS的Core Animation框架中的CATransform3D圖形變換2016-07-07
這篇文章主要給大家介紹了利用iOS實現(xiàn)滑動弧形菜單的思路與方法，實現(xiàn)后的效果非常不錯，非常適合大家在開發(fā)中使用，文末給出了封裝源碼下載的地址供大家下載學(xué)習(xí)，需要的朋友可以參考，下面來一起看看吧。2017-05-05
本篇文章主要介紹了iOS11中的定位授權(quán)的解決方法，小編覺得挺不錯的，現(xiàn)在分享給大家，也給大家做個參考。一起跟隨小編過來看看吧2018-02-02
下面小編就為大家?guī)硪黄獪\談iOS應(yīng)用中的相關(guān)正則及驗證。小編覺得挺不錯的，現(xiàn)在就分享給大家，也給大家做個參考。一起跟隨小編過來看看吧2017-04-04
這篇文章主要介紹了支付寶支付開發(fā)IOS案例的相關(guān)資料,需要的朋友可以參考下2016-04-04
GCD是iOS的一種底層多線程機(jī)制，本文給大家詳細(xì)介紹IOS中GCD的使用，需要的朋友參考下吧2016-02-02