圖片圓角處理

在我們開發(fā)中經(jīng)常會對一些圖片進行圓角處理君纫,這樣會讓應用看起來更加的美觀奸鬓,設置圓角有多種方法竿开,但并不是每種都是性能很好的谱仪。
常見的方法有:
(1)設置layer層的圓角大小玻熙,經(jīng)常我們還會設置masksToBounds代碼如下:

_imageView.layer.cornerRadius = 88;
_imageView.layer.masksToBounds = YES;

這樣做對于少量的圖片否彩,這個沒有什么問題,但是對于獲取的大量數(shù)據(jù)列表嗦随,這時候列荔,UITableView滑動可能不是那么流暢,屏幕的幀數(shù)下降枚尼,影響用戶體驗贴浙。

(2)使用layer層mask遮障和CAShapeLayer
創(chuàng)建圓形的CAShapeLayer對象,設置為view的mask屬性署恍,這樣也可以達到圓角的效果崎溃,但是這樣既增加了CAShapeLayer對象,同時使用mask屬性帶來了離屏渲染盯质,導致屏幕的幀數(shù)下降袁串,滑動不流暢,這種方法個人覺得不可取呼巷。

(3)是用一張帶圓形透明的圖片
這種方法就是將一張帶有圓形透明的圖片放在UIImageView上囱修,透過圓形部分,正好看到圓形圖片的效果王悍,這樣同樣可以達到圓角圖片的效果破镰,但是這樣會造成圖層混合,這樣顯示時压储,需要考慮上下兩層視圖的綜合的顯示效果鲜漩,增加了cup的計算的工作量。

(4)自己繪制圓角
就是自己根據(jù)圓角的大小對圖片進行繪制集惋,繪制出帶有圓角的圖片以供使用宇整。

在項目中我選擇的是第四種方案,由于圖片資源都是從服務器獲取的芋膘,獲取圖片用的是SDWebImage第三方庫鳞青,于是就對下載的圖片(當然是需要繪制霸饲,不是所有的)進行了圓角繪制,然后其他的還是和SDWebImage處理的一樣臂拓,這里僅僅對需要繪制圓角的圖片厚脉,進行了圓角繪制,當然胶惰,保存本地的也是經(jīng)過圓角處理的圖片傻工,以備下次使用。

//繪制圓角的代碼

+(UIImage*)drawCornerImageWithOrgImage:(UIImage*)image size:(CGSize)size corner:(CGFloat)corner
{
    
    if (scale == 0.0) {
        scale = [UIScreen mainScreen].scale;
    }
    UIImage *newImage = nil;
    UIGraphicsBeginImageContextWithOptions(size, NO, scale);
    CGContextRef context = UIGraphicsGetCurrentContext();
    
    CGContextTranslateCTM(context, 0, size.height);
    CGContextScaleCTM(context, 1, -1);
    
    UIBezierPath *path = [UIBezierPath bezierPathWithRoundedRect:CGRectMake(0, 0, size.width,size.height) cornerRadius:corner];
    CGContextAddPath(context, path.CGPath);
    CGContextClip(context);
    CGContextDrawImage(context, CGRectMake(0, 0, size.width, size.height), image.CGImage);
    UIImage* newImage = UIGraphicsGetImageFromCurrentImageContext();
    UIGraphicsEndImageContext();
    CGContextRelease(context);
    return newImage;
 
}

項目驗證孵滞,這種處理效果還是可以的中捆,滑動很流暢的。

最后編輯于
?著作權歸作者所有,轉載或內容合作請聯(lián)系作者
  • 序言:七十年代末坊饶,一起剝皮案震驚了整個濱河市泄伪,隨后出現(xiàn)的幾起案子,更是在濱河造成了極大的恐慌匿级,老刑警劉巖蟋滴,帶你破解...
    沈念sama閱讀 206,839評論 6 482
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件,死亡現(xiàn)場離奇詭異痘绎,居然都是意外死亡津函,警方通過查閱死者的電腦和手機,發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 88,543評論 2 382
  • 文/潘曉璐 我一進店門孤页,熙熙樓的掌柜王于貴愁眉苦臉地迎上來尔苦,“玉大人,你說我怎么就攤上這事行施≡始幔” “怎么了?”我有些...
    開封第一講書人閱讀 153,116評論 0 344
  • 文/不壞的土叔 我叫張陵悲龟,是天一觀的道長屋讶。 經(jīng)常有香客問我,道長须教,這世上最難降的妖魔是什么皿渗? 我笑而不...
    開封第一講書人閱讀 55,371評論 1 279
  • 正文 為了忘掉前任,我火速辦了婚禮轻腺,結果婚禮上乐疆,老公的妹妹穿的比我還像新娘。我一直安慰自己贬养,他們只是感情好挤土,可當我...
    茶點故事閱讀 64,384評論 5 374
  • 文/花漫 我一把揭開白布。 她就那樣靜靜地躺著误算,像睡著了一般仰美。 火紅的嫁衣襯著肌膚如雪迷殿。 梳的紋絲不亂的頭發(fā)上,一...
    開封第一講書人閱讀 49,111評論 1 285
  • 那天咖杂,我揣著相機與錄音庆寺,去河邊找鬼。 笑死诉字,一個胖子當著我的面吹牛懦尝,可吹牛的內容都是我干的。 我是一名探鬼主播壤圃,決...
    沈念sama閱讀 38,416評論 3 400
  • 文/蒼蘭香墨 我猛地睜開眼陵霉,長吁一口氣:“原來是場噩夢啊……” “哼!你這毒婦竟也來了伍绳?” 一聲冷哼從身側響起踊挠,我...
    開封第一講書人閱讀 37,053評論 0 259
  • 序言:老撾萬榮一對情侶失蹤,失蹤者是張志新(化名)和其女友劉穎墨叛,沒想到半個月后止毕,有當?shù)厝嗽跇淞掷锇l(fā)現(xiàn)了一具尸體模蜡,經(jīng)...
    沈念sama閱讀 43,558評論 1 300
  • 正文 獨居荒郊野嶺守林人離奇死亡漠趁,尸身上長有42處帶血的膿包…… 初始之章·張勛 以下內容為張勛視角 年9月15日...
    茶點故事閱讀 36,007評論 2 325
  • 正文 我和宋清朗相戀三年,在試婚紗的時候發(fā)現(xiàn)自己被綠了忍疾。 大學時的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片闯传。...
    茶點故事閱讀 38,117評論 1 334
  • 序言:一個原本活蹦亂跳的男人離奇死亡,死狀恐怖卤妒,靈堂內的尸體忽然破棺而出甥绿,到底是詐尸還是另有隱情,我是刑警寧澤则披,帶...
    沈念sama閱讀 33,756評論 4 324
  • 正文 年R本政府宣布共缕,位于F島的核電站,受9級特大地震影響士复,放射性物質發(fā)生泄漏图谷。R本人自食惡果不足惜,卻給世界環(huán)境...
    茶點故事閱讀 39,324評論 3 307
  • 文/蒙蒙 一阱洪、第九天 我趴在偏房一處隱蔽的房頂上張望便贵。 院中可真熱鬧,春花似錦冗荸、人聲如沸承璃。這莊子的主人今日做“春日...
    開封第一講書人閱讀 30,315評論 0 19
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽盔粹。三九已至隘梨,卻和暖如春,著一層夾襖步出監(jiān)牢的瞬間舷嗡,已是汗流浹背出嘹。 一陣腳步聲響...
    開封第一講書人閱讀 31,539評論 1 262
  • 我被黑心中介騙來泰國打工, 沒想到剛下飛機就差點兒被人妖公主榨干…… 1. 我叫王不留咬崔,地道東北人税稼。 一個月前我還...
    沈念sama閱讀 45,578評論 2 355
  • 正文 我出身青樓,卻偏偏與公主長得像垮斯,于是被迫代替她去往敵國和親郎仆。 傳聞我的和親對象是個殘疾皇子,可洞房花燭夜當晚...
    茶點故事閱讀 42,877評論 2 345

推薦閱讀更多精彩內容