iOS 圖片拉伸技巧

在項(xiàng)目中有的圖片需要拉伸處理(比如QQ聊天信息的Message Button背景圖片)仅仆,常用的有兩種方式:

一. 參考李明杰博客:iOS圖片拉伸技巧

iOS中提供很好用的API幫我們實(shí)現(xiàn)上述功能止潘。到iOS 6.0為止企量,iOS提供了3種圖片拉伸的解決方案铜幽,接下來分別詳細(xì)介紹這些方案驴剔。
<pre>

  • (UIImage *)stretchableImageWithLeftCapWidth:(NSInteger)leftCapWidth topCapHeight:(NSInteger)topCapHeight;
  • (UIImage *)resizableImageWithCapInsets:(UIEdgeInsets)capInsets;
  • (UIImage *)resizableImageWithCapInsets:(UIEdgeInsets)capInsets resizingMode:(UIImageResizingMode)resizingMode;
    </pre>
    1抄沮、iOS 5.0之前
    iOS中有個(gè)叫端蓋(end cap)的概念跋核,用來指定圖片中的哪一部分不用拉伸岖瑰。比如下圖中,黑色代表需要被拉伸的矩形區(qū)域砂代,上下左右不需要被拉伸的邊緣就稱為端蓋蹋订。
拉伸部分

<pre>

  • (UIImage *)resizableImageWithName:(NSString *)name
    {
    UIImage *normal = [UIImage imageNamed:name];
    // 左端蓋寬度
    NSInteger leftCapWidth = normal.size.width * 0.5f;
    // 頂端蓋高度
    NSInteger topCapHeight = normal.size.height * 0.5f;
    // 重新賦值
    return [normal stretchableImageWithLeftCapWidth:leftCapWidth topCapHeight:topCapHeight];
    }
    </pre>

2、iOS 5.0
<pre>+ (UIImage *)resizableImageWithName:(NSString *)name
{
UIImage *normal = [UIImage imageNamed:name];
CGFloat w = normal.size.width * 0.5;
CGFloat h = normal.size.height * 0.5;
return [normal resizableImageWithCapInsets:UIEdgeInsetsMake(h, w, h, w)];
}</pre>
3刻伊、iOS 6.0
對(duì)比iOS5.0中的方法露戒,只多了一個(gè)UIImageResizingMode參數(shù),用來指定拉伸的模式:
UIImageResizingModeStretch:拉伸模式捶箱,通過拉伸UIEdgeInsets指定的矩形區(qū)域來填充圖片
UIImageResizingModeTile:平鋪模式智什,通過重復(fù)顯示UIEdgeInsets指定的矩形區(qū)域來填充圖片

二. 在xcode中設(shè)置圖片的Slices

949324-b3661340dfc36003.png

Top,Bottom,Height是Xcode默認(rèn)設(shè)置的最優(yōu)參數(shù),可以根據(jù)需要實(shí)際調(diào)整丁屎。
點(diǎn)擊Slices后可以看到:

949324-83229d58bab4ade7.png

Tiles:填充
Stretches:拉伸
直接按右下角的 Show Slicing可以很直觀的設(shè)置具體拉伸那個(gè)部位

最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請(qǐng)聯(lián)系作者
  • 序言:七十年代末荠锭,一起剝皮案震驚了整個(gè)濱河市,隨后出現(xiàn)的幾起案子晨川,更是在濱河造成了極大的恐慌证九,老刑警劉巖,帶你破解...
    沈念sama閱讀 221,576評(píng)論 6 515
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件共虑,死亡現(xiàn)場(chǎng)離奇詭異愧怜,居然都是意外死亡,警方通過查閱死者的電腦和手機(jī)妈拌,發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 94,515評(píng)論 3 399
  • 文/潘曉璐 我一進(jìn)店門拥坛,熙熙樓的掌柜王于貴愁眉苦臉地迎上來,“玉大人供炎,你說我怎么就攤上這事渴逻。” “怎么了音诫?”我有些...
    開封第一講書人閱讀 168,017評(píng)論 0 360
  • 文/不壞的土叔 我叫張陵惨奕,是天一觀的道長。 經(jīng)常有香客問我竭钝,道長梨撞,這世上最難降的妖魔是什么? 我笑而不...
    開封第一講書人閱讀 59,626評(píng)論 1 296
  • 正文 為了忘掉前任香罐,我火速辦了婚禮卧波,結(jié)果婚禮上,老公的妹妹穿的比我還像新娘庇茫。我一直安慰自己港粱,他們只是感情好,可當(dāng)我...
    茶點(diǎn)故事閱讀 68,625評(píng)論 6 397
  • 文/花漫 我一把揭開白布。 她就那樣靜靜地躺著查坪,像睡著了一般寸宏。 火紅的嫁衣襯著肌膚如雪。 梳的紋絲不亂的頭發(fā)上偿曙,一...
    開封第一講書人閱讀 52,255評(píng)論 1 308
  • 那天氮凝,我揣著相機(jī)與錄音,去河邊找鬼望忆。 笑死罩阵,一個(gè)胖子當(dāng)著我的面吹牛,可吹牛的內(nèi)容都是我干的启摄。 我是一名探鬼主播稿壁,決...
    沈念sama閱讀 40,825評(píng)論 3 421
  • 文/蒼蘭香墨 我猛地睜開眼,長吁一口氣:“原來是場(chǎng)噩夢(mèng)啊……” “哼鞋仍!你這毒婦竟也來了常摧?” 一聲冷哼從身側(cè)響起搅吁,我...
    開封第一講書人閱讀 39,729評(píng)論 0 276
  • 序言:老撾萬榮一對(duì)情侶失蹤威创,失蹤者是張志新(化名)和其女友劉穎,沒想到半個(gè)月后谎懦,有當(dāng)?shù)厝嗽跇淞掷锇l(fā)現(xiàn)了一具尸體肚豺,經(jīng)...
    沈念sama閱讀 46,271評(píng)論 1 320
  • 正文 獨(dú)居荒郊野嶺守林人離奇死亡,尸身上長有42處帶血的膿包…… 初始之章·張勛 以下內(nèi)容為張勛視角 年9月15日...
    茶點(diǎn)故事閱讀 38,363評(píng)論 3 340
  • 正文 我和宋清朗相戀三年界拦,在試婚紗的時(shí)候發(fā)現(xiàn)自己被綠了吸申。 大學(xué)時(shí)的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片。...
    茶點(diǎn)故事閱讀 40,498評(píng)論 1 352
  • 序言:一個(gè)原本活蹦亂跳的男人離奇死亡享甸,死狀恐怖截碴,靈堂內(nèi)的尸體忽然破棺而出,到底是詐尸還是另有隱情蛉威,我是刑警寧澤日丹,帶...
    沈念sama閱讀 36,183評(píng)論 5 350
  • 正文 年R本政府宣布,位于F島的核電站蚯嫌,受9級(jí)特大地震影響哲虾,放射性物質(zhì)發(fā)生泄漏。R本人自食惡果不足惜择示,卻給世界環(huán)境...
    茶點(diǎn)故事閱讀 41,867評(píng)論 3 333
  • 文/蒙蒙 一束凑、第九天 我趴在偏房一處隱蔽的房頂上張望。 院中可真熱鬧栅盲,春花似錦汪诉、人聲如沸。這莊子的主人今日做“春日...
    開封第一講書人閱讀 32,338評(píng)論 0 24
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽拴签。三九已至,卻和暖如春旗们,著一層夾襖步出監(jiān)牢的瞬間蚓哩,已是汗流浹背。 一陣腳步聲響...
    開封第一講書人閱讀 33,458評(píng)論 1 272
  • 我被黑心中介騙來泰國打工上渴, 沒想到剛下飛機(jī)就差點(diǎn)兒被人妖公主榨干…… 1. 我叫王不留岸梨,地道東北人。 一個(gè)月前我還...
    沈念sama閱讀 48,906評(píng)論 3 376
  • 正文 我出身青樓稠氮,卻偏偏與公主長得像曹阔,于是被迫代替她去往敵國和親。 傳聞我的和親對(duì)象是個(gè)殘疾皇子隔披,可洞房花燭夜當(dāng)晚...
    茶點(diǎn)故事閱讀 45,507評(píng)論 2 359

推薦閱讀更多精彩內(nèi)容

  • iOS圖片拉伸技巧 轉(zhuǎn)載地址http://blog.csdn.net/q199109106q/article/de...
    kakukeme閱讀 1,625評(píng)論 0 51
  • 小馬哥的博客 這里是連接 到iOS 6.0為止赃份,iOS提供了3種圖片拉伸的解決方案,接下來分別詳細(xì)介紹這些方案奢米。
    iOS_愛OS閱讀 2,109評(píng)論 0 29
  • 原先以為很簡(jiǎn)單的東西抓韩,到了實(shí)際做的時(shí)候,才發(fā)現(xiàn)這里出錯(cuò)那里不對(duì)鬓长。浪費(fèi)很多時(shí)間谒拴,究根結(jié)底,還是沒有弄清楚文檔涉波。 在i...
    levinYuXiao閱讀 3,166評(píng)論 1 1
  • 我的微信公眾平臺(tái)既不做代購啤覆,也不會(huì)發(fā)廣告苍日,甚至連垂直的內(nèi)容也會(huì)很少,因?yàn)槲抑皇前阉?dāng)作一個(gè)博客去運(yùn)營窗声。這里不會(huì)有固...
    張胤laji92454閱讀 1,275評(píng)論 0 3
  • 不強(qiáng)加個(gè)人意志給別人相恃,也是一種修養(yǎng)
    南山愚人閱讀 216評(píng)論 0 0