圖片拉伸?純代碼和storyboard的使用情況力细!

0睬澡、拉伸圖片的時候怎么才能讓圖片不變形?

  UIImage *image = [[UIImage imageNamed:@"xxx"] stretchableImageWithLeftCapWidth:10 topCapHeight:10];

1艳汽、 resizableImageWithCapInsets 和 stretchableImageWithLeftCapWidth 的區(qū)別猴贰?

-答:

  • 相同點:都是用于圖片拉伸的。2個方法都可以使用河狐。
  • 不同點:一個過時了米绕,另一個沒有。
    -使用情況看個人馋艺!

在沒有添加處理圖片之前栅干!

左右圖片被拉伸了.png

如何處理 --圖片拉伸? ---有個方法捐祠!resizableImageWithCapInsets

1.png

運行后的效果碱鳞!

2.png

這也是拉伸!stretchableImageWithLeftCapWidth

-(.這個方法在iOS 5.0出來后就過期了踱蛀,但是還是有人在用窿给,例如用聊天背景的氣泡)--本人不用它了,用上面一個方法就可以完美解決了率拒!
- (UIImage *)stretchableImageWithLeftCapWidth:(NSInteger)leftCapWidth topCapHeight:(NSInteger)topCapHeight __TVOS_PROHIBITED;

  • 這種方法的使用是:(前提是知道圖片大小崩泡,然后取接近中間的點進行拉伸)
拉伸圖片.png

分別 用上面的 2 個方法實現(xiàn)!(氣泡圖片是W:93 H:80)

方法1:

   //  拉伸圖片  strectchable: 可伸縮的
    UIImage * image = [UIImage imageNamed:@"chatto_bg_normal.png"];
    image = [image stretchableImageWithLeftCapWidth:45 topCapHeight:55];
    _popoImageView.image = image;

方法2:

    UIImage * image = [UIImage imageNamed:@"chatto_bg_normal.png"];
    // resizable:  可變尺寸的猬膨;可調(diào)整大小的(這方法也可以)
    UIImage * imageRe = [image resizableImageWithCapInsets:UIEdgeInsetsMake(30, 41, 40, 40)];
    _popoImageView.image = imageRe;
  • 兩個方法實現(xiàn)的效果一樣:
666.png

下面是使用蘋果官方推薦使用的storyboard技術(shù)角撞!

  • 使用起來是非常簡單的!你會喜歡上它的2铡(因為實在太簡便了Z怂)
  • 原理是一樣的,就是在一張圖片上沛申,取到中心點得位置劣领,然后,用這個中心點得像素進行拉伸放大铁材!其它不變剖踊!
  • 就這樣就可以了么庶弃?
    -是的!5鲁骸!固惯,x 和 y梆造,就是取到圖片中心點得位置!
  • Width 和 Height 為0.1 就是把它們擴大到你想要的位置了葬毫。


    storyBoard拉申.png
最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
  • 序言:七十年代末镇辉,一起剝皮案震驚了整個濱河市,隨后出現(xiàn)的幾起案子贴捡,更是在濱河造成了極大的恐慌忽肛,老刑警劉巖,帶你破解...
    沈念sama閱讀 211,376評論 6 491
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件烂斋,死亡現(xiàn)場離奇詭異屹逛,居然都是意外死亡,警方通過查閱死者的電腦和手機汛骂,發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 90,126評論 2 385
  • 文/潘曉璐 我一進店門罕模,熙熙樓的掌柜王于貴愁眉苦臉地迎上來,“玉大人帘瞭,你說我怎么就攤上這事淑掌。” “怎么了蝶念?”我有些...
    開封第一講書人閱讀 156,966評論 0 347
  • 文/不壞的土叔 我叫張陵抛腕,是天一觀的道長。 經(jīng)常有香客問我媒殉,道長担敌,這世上最難降的妖魔是什么? 我笑而不...
    開封第一講書人閱讀 56,432評論 1 283
  • 正文 為了忘掉前任适袜,我火速辦了婚禮柄错,結(jié)果婚禮上,老公的妹妹穿的比我還像新娘苦酱。我一直安慰自己售貌,他們只是感情好,可當(dāng)我...
    茶點故事閱讀 65,519評論 6 385
  • 文/花漫 我一把揭開白布疫萤。 她就那樣靜靜地躺著颂跨,像睡著了一般。 火紅的嫁衣襯著肌膚如雪扯饶。 梳的紋絲不亂的頭發(fā)上恒削,一...
    開封第一講書人閱讀 49,792評論 1 290
  • 那天池颈,我揣著相機與錄音,去河邊找鬼钓丰。 笑死躯砰,一個胖子當(dāng)著我的面吹牛,可吹牛的內(nèi)容都是我干的携丁。 我是一名探鬼主播琢歇,決...
    沈念sama閱讀 38,933評論 3 406
  • 文/蒼蘭香墨 我猛地睜開眼,長吁一口氣:“原來是場噩夢啊……” “哼梦鉴!你這毒婦竟也來了李茫?” 一聲冷哼從身側(cè)響起,我...
    開封第一講書人閱讀 37,701評論 0 266
  • 序言:老撾萬榮一對情侶失蹤肥橙,失蹤者是張志新(化名)和其女友劉穎魄宏,沒想到半個月后,有當(dāng)?shù)厝嗽跇淞掷锇l(fā)現(xiàn)了一具尸體存筏,經(jīng)...
    沈念sama閱讀 44,143評論 1 303
  • 正文 獨居荒郊野嶺守林人離奇死亡宠互,尸身上長有42處帶血的膿包…… 初始之章·張勛 以下內(nèi)容為張勛視角 年9月15日...
    茶點故事閱讀 36,488評論 2 327
  • 正文 我和宋清朗相戀三年,在試婚紗的時候發(fā)現(xiàn)自己被綠了方篮。 大學(xué)時的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片名秀。...
    茶點故事閱讀 38,626評論 1 340
  • 序言:一個原本活蹦亂跳的男人離奇死亡,死狀恐怖匕得,靈堂內(nèi)的尸體忽然破棺而出汁掠,到底是詐尸還是另有隱情集币,我是刑警寧澤鞠苟,帶...
    沈念sama閱讀 34,292評論 4 329
  • 正文 年R本政府宣布吃既,位于F島的核電站跨细,受9級特大地震影響冀惭,放射性物質(zhì)發(fā)生泄漏。R本人自食惡果不足惜乐尊,卻給世界環(huán)境...
    茶點故事閱讀 39,896評論 3 313
  • 文/蒙蒙 一、第九天 我趴在偏房一處隱蔽的房頂上張望。 院中可真熱鬧谣殊,春花似錦、人聲如沸宜狐。這莊子的主人今日做“春日...
    開封第一講書人閱讀 30,742評論 0 21
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽春贸。三九已至萍恕,卻和暖如春允粤,著一層夾襖步出監(jiān)牢的瞬間类垫,已是汗流浹背飘庄。 一陣腳步聲響...
    開封第一講書人閱讀 31,977評論 1 265
  • 我被黑心中介騙來泰國打工谴仙, 沒想到剛下飛機就差點兒被人妖公主榨干…… 1. 我叫王不留碾盐,地道東北人毫玖。 一個月前我還...
    沈念sama閱讀 46,324評論 2 360
  • 正文 我出身青樓,卻偏偏與公主長得像阐滩,于是被迫代替她去往敵國和親。 傳聞我的和親對象是個殘疾皇子装获,可洞房花燭夜當(dāng)晚...
    茶點故事閱讀 43,494評論 2 348

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

  • 嗯哼嗯哼蹦擦擦~~~ 轉(zhuǎn)載自:https://github.com/Tim9Liu9/TimLiu-iOS 目錄 ...
    philiha閱讀 4,858評論 0 6
  • 在使用js中的this時凡简,由于js的語法規(guī)則,this的指向是會改變的绩郎,js中的this指向是根據(jù)函數(shù)在執(zhí)行時的作...
    四月天__閱讀 215評論 0 0
  • 經(jīng)過初高中學(xué)習(xí)平面幾何的洗禮潘鲫,肯定要知道三角形的重心、外心肋杖、垂心溉仑、內(nèi)心、旁心状植,也就是俗稱的三角形的五心浊竟。 三角形只...
    百合兔子閱讀 24,168評論 1 11
  • 惟大誠可以破天下之偽,惟大信可以破天下之疑〗蚧現(xiàn)時談及誠信振定,今不如昔,人未若前肉拓,實以哀情慨嘆不古之世心后频。考思...
    聞人清瑜閱讀 445評論 0 4
  • 她說 向南 左飛 有人會帶著嬰兒般的微笑 等我。
    留子堯閱讀 164評論 0 1