iOS 用代碼來做圖片拉伸的幾種情況

一攻礼、圖片拉伸(用代碼來控制)

1团赁、常用的拉伸方式:

  • 直接將圖片設置為ImageView的image屬性屋剑,也就是UIImageView的size有多大就顯示多大茵臭,但是這樣的缺點也是顯而易見的震叮,那就是圖片會在變形胧砰;

2、像素點的拉伸

   - (UIImage*)stretchableImageWithLeftCapWidth:(NSInteger)leftCapWidth topCapHeight:(NSInteger)topCapHeight;

這個函數(shù)的最大作用好像就是針對那些聊天氣泡什么的苇瓣,它的兩個參數(shù)分別leftCapWidth和topCapHeight尉间,這兩個參數(shù)給定一個坐標,比如:

  UIImage * img= [UIImage imageNamed:@"1.png"];
  img = [img stretchableImageWithLeftCapWidth:1 topCapHeight:1];

這段代碼的意思是將圖片從左起第2個像素點击罪,上起第2個像素點哲嘲,坐標為(2,2)的像素點進行復制。將圖片進行拉伸(就是橫向的復制左起第二個像素點媳禁,縱向的父子上起的第二個像素點)眠副,但是也有一些地方也不行,例如你想一個如果被拉伸的圖片中間也有需要拉伸的像素竣稽,這個方法就無能為力了囱怕,例如,如下的一張圖片毫别,我們需要將其拉伸放大:



便會出現(xiàn)這樣的效果:


3娃弓、區(qū)域的拉伸

  - (UIImage *)resizableImageWithCapInsets:(UIEdgeInsets)capInsets;

這個函數(shù)需要設置一個UIEdgeInsets參數(shù),UIEdgeInsets結構體如下:

  typedef struct UIEdgeInsets {
  CGFloat top, left, bottom, right;
  } UIEdgeInsets;

它分別對用了圖片進行拉伸的區(qū)域距離頂部岛宦、左部台丛、下部、右部的像素砾肺。比如挽霉,一個1010像素的圖片,將UIEdgeInsets參數(shù)全部設置為1变汪,則實際拉伸的部分就是中間的88的區(qū)域的像素侠坎。有一點需要注意,這個方法默認使用的拉伸模式是區(qū)域復制疫衩,比如還是上面的圖案硅蹦,如下代碼拉伸:

  UIImage * img= [UIImage imageNamed:@"1.png"];
  img = [img resizableImageWithCapInsets:UIEdgeInsetsMake(1, 1, 1, 1)];

結果如下:


4荣德、拉伸模式的設置

  - (UIImage *)resizableImageWithCapInsets:(UIEdgeInsets)capInsets resizingMode:(UIImageResizingMode)resizingMode;

這個函數(shù)和上一個函數(shù)相比,唯一的差別是多了一個參數(shù)童芹。這個參數(shù)是個枚舉涮瞻,如下:

  typedef NS_ENUM(NSInteger, UIImageResizingMode) {
  UIImageResizingModeTile,//進行區(qū)域復制模式拉伸
  UIImageResizingModeStretch,//進行漸變復制模式拉伸
  };

現(xiàn)在就明了了,我們只需要設置一下模式假褪,就可以實現(xiàn)漸變拉伸了:

  UIImage * img= [UIImage imageNamed:@"11.png"];
  img = [img resizableImageWithCapInsets:UIEdgeInsetsMake(1, 1, 1, 1) resizingMode:UIImageResizingModeStretch];

來看一下效果:


最后編輯于
?著作權歸作者所有,轉載或內容合作請聯(lián)系作者
  • 序言:七十年代末署咽,一起剝皮案震驚了整個濱河市,隨后出現(xiàn)的幾起案子生音,更是在濱河造成了極大的恐慌宁否,老刑警劉巖,帶你破解...
    沈念sama閱讀 206,378評論 6 481
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件缀遍,死亡現(xiàn)場離奇詭異慕匠,居然都是意外死亡,警方通過查閱死者的電腦和手機域醇,發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 88,356評論 2 382
  • 文/潘曉璐 我一進店門台谊,熙熙樓的掌柜王于貴愁眉苦臉地迎上來,“玉大人譬挚,你說我怎么就攤上這事锅铅。” “怎么了减宣?”我有些...
    開封第一講書人閱讀 152,702評論 0 342
  • 文/不壞的土叔 我叫張陵盐须,是天一觀的道長。 經常有香客問我漆腌,道長贼邓,這世上最難降的妖魔是什么? 我笑而不...
    開封第一講書人閱讀 55,259評論 1 279
  • 正文 為了忘掉前任闷尿,我火速辦了婚禮立帖,結果婚禮上,老公的妹妹穿的比我還像新娘悠砚。我一直安慰自己,他們只是感情好堂飞,可當我...
    茶點故事閱讀 64,263評論 5 371
  • 文/花漫 我一把揭開白布灌旧。 她就那樣靜靜地躺著,像睡著了一般绰筛。 火紅的嫁衣襯著肌膚如雪枢泰。 梳的紋絲不亂的頭發(fā)上,一...
    開封第一講書人閱讀 49,036評論 1 285
  • 那天铝噩,我揣著相機與錄音衡蚂,去河邊找鬼。 笑死,一個胖子當著我的面吹牛毛甲,可吹牛的內容都是我干的年叮。 我是一名探鬼主播,決...
    沈念sama閱讀 38,349評論 3 400
  • 文/蒼蘭香墨 我猛地睜開眼玻募,長吁一口氣:“原來是場噩夢啊……” “哼只损!你這毒婦竟也來了?” 一聲冷哼從身側響起七咧,我...
    開封第一講書人閱讀 36,979評論 0 259
  • 序言:老撾萬榮一對情侶失蹤跃惫,失蹤者是張志新(化名)和其女友劉穎,沒想到半個月后艾栋,有當?shù)厝嗽跇淞掷锇l(fā)現(xiàn)了一具尸體爆存,經...
    沈念sama閱讀 43,469評論 1 300
  • 正文 獨居荒郊野嶺守林人離奇死亡,尸身上長有42處帶血的膿包…… 初始之章·張勛 以下內容為張勛視角 年9月15日...
    茶點故事閱讀 35,938評論 2 323
  • 正文 我和宋清朗相戀三年蝗砾,在試婚紗的時候發(fā)現(xiàn)自己被綠了先较。 大學時的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片。...
    茶點故事閱讀 38,059評論 1 333
  • 序言:一個原本活蹦亂跳的男人離奇死亡遥诉,死狀恐怖拇泣,靈堂內的尸體忽然破棺而出,到底是詐尸還是另有隱情矮锈,我是刑警寧澤霉翔,帶...
    沈念sama閱讀 33,703評論 4 323
  • 正文 年R本政府宣布,位于F島的核電站苞笨,受9級特大地震影響债朵,放射性物質發(fā)生泄漏。R本人自食惡果不足惜瀑凝,卻給世界環(huán)境...
    茶點故事閱讀 39,257評論 3 307
  • 文/蒙蒙 一序芦、第九天 我趴在偏房一處隱蔽的房頂上張望。 院中可真熱鬧粤咪,春花似錦谚中、人聲如沸。這莊子的主人今日做“春日...
    開封第一講書人閱讀 30,262評論 0 19
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽。三九已至囊拜,卻和暖如春某筐,著一層夾襖步出監(jiān)牢的瞬間,已是汗流浹背冠跷。 一陣腳步聲響...
    開封第一講書人閱讀 31,485評論 1 262
  • 我被黑心中介騙來泰國打工南誊, 沒想到剛下飛機就差點兒被人妖公主榨干…… 1. 我叫王不留身诺,地道東北人。 一個月前我還...
    沈念sama閱讀 45,501評論 2 354
  • 正文 我出身青樓抄囚,卻偏偏與公主長得像霉赡,于是被迫代替她去往敵國和親。 傳聞我的和親對象是個殘疾皇子怠苔,可洞房花燭夜當晚...
    茶點故事閱讀 42,792評論 2 345

推薦閱讀更多精彩內容