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

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

經(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就可以了,所以我們?cè)诖a中將edge inset 設(shè)置為(12,22,12,22),即可實(shí)現(xiàn)我們的需求。
以上所述是小編給大家介紹的iOS開發(fā)之自定義圖片拉伸功能,希望對(duì)大家有所幫助,如果大家有任何疑問請(qǐng)給我留言,小編會(huì)及時(shí)回復(fù)大家的。在此也非常感謝大家對(duì)腳本之家網(wǎng)站的支持!
相關(guān)文章
IOS中無(wú)限滾動(dòng)Scrollview效果
這篇文章主要為大家詳細(xì)介紹了IOS中無(wú)限滾動(dòng)Scrollview效果,文中示例代碼介紹的非常詳細(xì),具有一定的參考價(jià)值,感興趣的小伙伴們可以參考一下2016-02-02
iOS UITableView 拖動(dòng)排序?qū)崿F(xiàn)代碼
這篇文章主要為大家詳細(xì)介紹了iOS UITableView 拖動(dòng)排序?qū)崿F(xiàn)代碼,具有一定的參考價(jià)值,感興趣的小伙伴們可以參考一下2016-09-09
詳解iOS的Core Animation框架中的CATransform3D圖形變換
CATransform3D一般用于操作view的layer的,是Core Animation的結(jié)構(gòu)體,可以用來(lái)做比較復(fù)雜的3D操作,這里我們就帶大家來(lái)詳解iOS的Core Animation框架中的CATransform3D圖形變換2016-07-07
iOS實(shí)現(xiàn)滑動(dòng)弧形菜單的思路與方法
這篇文章主要給大家介紹了利用iOS實(shí)現(xiàn)滑動(dòng)弧形菜單的思路與方法,實(shí)現(xiàn)后的效果非常不錯(cuò),非常適合大家在開發(fā)中使用,文末給出了封裝源碼下載的地址供大家下載學(xué)習(xí),需要的朋友可以參考,下面來(lái)一起看看吧。2017-05-05
淺談iOS應(yīng)用中的相關(guān)正則及驗(yàn)證
下面小編就為大家?guī)?lái)一篇淺談iOS應(yīng)用中的相關(guān)正則及驗(yàn)證。小編覺得挺不錯(cuò)的,現(xiàn)在就分享給大家,也給大家做個(gè)參考。一起跟隨小編過來(lái)看看吧2017-04-04

