設(shè)置圓角诊县、陰影

一讲弄、設(shè)置圓角的幾種方式

1、代碼中常常這樣設(shè)置

//cornerRadius 設(shè)置為self.iconImage圖片寬度的一半(僅針對(duì)正方形UIView)
self.iconImage.layer.cornerRadius = self.iconImage.frame.size.width/2;
self.iconImage.layer.masksToBounds = YES;

2依痊、在Xib或Stroyboard中這樣

yuanjiao.png

3避除、使用繪圖,重繪一個(gè)圓形圖片

    /**設(shè)置圓形圖片(建議放到分類中使用) */
    - (UIImage *)circleImage{
      // 如果是長(zhǎng)方形圖片抗悍,就按最短的邊來(lái)
        CGFloat w = self.size.width < self.size.height ? self.size.width : self.size.height;
        UIGraphicsBeginImageContext(CGSizeMake(w, w));
        UIBezierPath *path = [UIBezierPath bezierPathWithOvalInRect:CGRectMake(0, 0, w, w)];
        [path addClip];
        [self drawAtPoint:CGPointZero];
        UIImage *circleImage = UIGraphicsGetImageFromCurrentImageContext();
        UIGraphicsEndImageContext();
       return circleImage;
    }
性能方面:使用方式1驹饺、2設(shè)置的性能沒(méi)有方式3性能好。因?yàn)槭褂脠D層過(guò)量會(huì)有卡頓現(xiàn)象缴渊,所有如果特別多的圖片需要圓形赏壹、陰影處理的話,建議使用繪圖方式衔沼。

二蝌借、設(shè)置陰影效果

    View.layer.shadowOffset = CGSizeMake(0, 0);  //x向右偏移昔瞧,y向下偏移,設(shè)置成(0菩佑,0)表示不偏移
    View.layer.shadowColor = [UIColor blackColor].CGColor;   //陰影顏色
    View.layer.shadowOpacity = 1;  //陰影透明度自晰,默認(rèn)0
    View.layer.shadowRadius = 4;  //陰影半徑,默認(rèn)3

三稍坯、同時(shí)設(shè)置圓角和陰影效果

如果這樣設(shè)置是這種效果會(huì)沒(méi)有陰影(原因:使用masksToBounds會(huì)切掉陰影部分的圖層)

        View.layer.cornerRadius = 10;
        View.layer.masksToBounds = YES;
        View.layer.shadowOffset = CGSizeMake(0, 0);
        View.layer.shadowColor = [UIColor blackColor].CGColor;
        View.layer.shadowOpacity = 1;
        View.layer.shadowRadius = 4;

解決方法就是不切酬荞,刪除這行代碼

        View.layer.masksToBounds = YES;

效果如如下:

IMG_1614.PNG
最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請(qǐng)聯(lián)系作者
  • 序言:七十年代末,一起剝皮案震驚了整個(gè)濱河市瞧哟,隨后出現(xiàn)的幾起案子混巧,更是在濱河造成了極大的恐慌,老刑警劉巖勤揩,帶你破解...
    沈念sama閱讀 221,406評(píng)論 6 515
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件咧党,死亡現(xiàn)場(chǎng)離奇詭異,居然都是意外死亡陨亡,警方通過(guò)查閱死者的電腦和手機(jī)傍衡,發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 94,395評(píng)論 3 398
  • 文/潘曉璐 我一進(jìn)店門(mén),熙熙樓的掌柜王于貴愁眉苦臉地迎上來(lái)负蠕,“玉大人蛙埂,你說(shuō)我怎么就攤上這事∨凹保” “怎么了箱残?”我有些...
    開(kāi)封第一講書(shū)人閱讀 167,815評(píng)論 0 360
  • 文/不壞的土叔 我叫張陵滔迈,是天一觀的道長(zhǎng)止吁。 經(jīng)常有香客問(wèn)我,道長(zhǎng)燎悍,這世上最難降的妖魔是什么敬惦? 我笑而不...
    開(kāi)封第一講書(shū)人閱讀 59,537評(píng)論 1 296
  • 正文 為了忘掉前任,我火速辦了婚禮谈山,結(jié)果婚禮上俄删,老公的妹妹穿的比我還像新娘。我一直安慰自己奏路,他們只是感情好畴椰,可當(dāng)我...
    茶點(diǎn)故事閱讀 68,536評(píng)論 6 397
  • 文/花漫 我一把揭開(kāi)白布。 她就那樣靜靜地躺著鸽粉,像睡著了一般斜脂。 火紅的嫁衣襯著肌膚如雪。 梳的紋絲不亂的頭發(fā)上触机,一...
    開(kāi)封第一講書(shū)人閱讀 52,184評(píng)論 1 308
  • 那天帚戳,我揣著相機(jī)與錄音玷或,去河邊找鬼。 笑死片任,一個(gè)胖子當(dāng)著我的面吹牛偏友,可吹牛的內(nèi)容都是我干的。 我是一名探鬼主播对供,決...
    沈念sama閱讀 40,776評(píng)論 3 421
  • 文/蒼蘭香墨 我猛地睜開(kāi)眼位他,長(zhǎng)吁一口氣:“原來(lái)是場(chǎng)噩夢(mèng)啊……” “哼!你這毒婦竟也來(lái)了产场?” 一聲冷哼從身側(cè)響起棱诱,我...
    開(kāi)封第一講書(shū)人閱讀 39,668評(píng)論 0 276
  • 序言:老撾萬(wàn)榮一對(duì)情侶失蹤,失蹤者是張志新(化名)和其女友劉穎涝动,沒(méi)想到半個(gè)月后迈勋,有當(dāng)?shù)厝嗽跇?shù)林里發(fā)現(xiàn)了一具尸體,經(jīng)...
    沈念sama閱讀 46,212評(píng)論 1 319
  • 正文 獨(dú)居荒郊野嶺守林人離奇死亡醋粟,尸身上長(zhǎng)有42處帶血的膿包…… 初始之章·張勛 以下內(nèi)容為張勛視角 年9月15日...
    茶點(diǎn)故事閱讀 38,299評(píng)論 3 340
  • 正文 我和宋清朗相戀三年靡菇,在試婚紗的時(shí)候發(fā)現(xiàn)自己被綠了。 大學(xué)時(shí)的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片米愿。...
    茶點(diǎn)故事閱讀 40,438評(píng)論 1 352
  • 序言:一個(gè)原本活蹦亂跳的男人離奇死亡厦凤,死狀恐怖,靈堂內(nèi)的尸體忽然破棺而出育苟,到底是詐尸還是另有隱情较鼓,我是刑警寧澤,帶...
    沈念sama閱讀 36,128評(píng)論 5 349
  • 正文 年R本政府宣布违柏,位于F島的核電站博烂,受9級(jí)特大地震影響,放射性物質(zhì)發(fā)生泄漏漱竖。R本人自食惡果不足惜禽篱,卻給世界環(huán)境...
    茶點(diǎn)故事閱讀 41,807評(píng)論 3 333
  • 文/蒙蒙 一、第九天 我趴在偏房一處隱蔽的房頂上張望馍惹。 院中可真熱鬧躺率,春花似錦、人聲如沸万矾。這莊子的主人今日做“春日...
    開(kāi)封第一講書(shū)人閱讀 32,279評(píng)論 0 24
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽(yáng)良狈。三九已至后添,卻和暖如春,著一層夾襖步出監(jiān)牢的瞬間们颜,已是汗流浹背吕朵。 一陣腳步聲響...
    開(kāi)封第一講書(shū)人閱讀 33,395評(píng)論 1 272
  • 我被黑心中介騙來(lái)泰國(guó)打工猎醇, 沒(méi)想到剛下飛機(jī)就差點(diǎn)兒被人妖公主榨干…… 1. 我叫王不留,地道東北人努溃。 一個(gè)月前我還...
    沈念sama閱讀 48,827評(píng)論 3 376
  • 正文 我出身青樓硫嘶,卻偏偏與公主長(zhǎng)得像,于是被迫代替她去往敵國(guó)和親梧税。 傳聞我的和親對(duì)象是個(gè)殘疾皇子沦疾,可洞房花燭夜當(dāng)晚...
    茶點(diǎn)故事閱讀 45,446評(píng)論 2 359

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

  • 在iOS中隨處都可以看到絢麗的動(dòng)畫(huà)效果,實(shí)現(xiàn)這些動(dòng)畫(huà)的過(guò)程并不復(fù)雜第队,今天將帶大家一窺iOS動(dòng)畫(huà)全貌哮塞。在這里你可以看...
    F麥子閱讀 5,115評(píng)論 5 13
  • 在iOS中隨處都可以看到絢麗的動(dòng)畫(huà)效果,實(shí)現(xiàn)這些動(dòng)畫(huà)的過(guò)程并不復(fù)雜凳谦,今天將帶大家一窺ios動(dòng)畫(huà)全貌忆畅。在這里你可以看...
    每天刷兩次牙閱讀 8,514評(píng)論 6 30
  • 下面兩個(gè)圓角的設(shè)定
    FlowYourHeart閱讀 2,170評(píng)論 0 3
  • CoreAnimation:Core Animation自身并不是一個(gè)繪圖系統(tǒng)家凯。它只是一個(gè)負(fù)責(zé)在硬件上合成和操縱應(yīng)...
    YGoooooooooal閱讀 588評(píng)論 0 1
  • 我們每個(gè)人很多時(shí)候都會(huì)回想起過(guò)去的自己是什么樣子的绊诲。 而我的曾經(jīng)是模糊的,不太記得自己走過(guò)的路褪贵,遇到過(guò)的人掂之。 但是...
    停停走走的客閱讀 255評(píng)論 0 1