iOS UIView設(shè)置局部陰影

有時(shí)候,UI并不會(huì)給我們切帶有陰影的圖片身弊,陰影就需要我們自己來(lái)做娃弓。(當(dāng)然了典格,有圖片是最好的)

舉個(gè)栗子如圖:

陰影.png

我們要給上圖設(shè)置一個(gè)左側(cè)的陰影,系統(tǒng)的方法shadowOffset可以滿足台丛,但是系統(tǒng)的方法只能設(shè)置單側(cè)的陰影耍缴,我們需要多個(gè)方向變不可用。仔細(xì)觀察齐佳,系統(tǒng)的陰影有個(gè)過(guò)渡的效果私恬。所以我大膽猜測(cè),如果自己實(shí)現(xiàn)左側(cè)陰影的效果炼吴,實(shí)際上和上圖陰影的區(qū)域是類似的本鸣。(這些在下面處理陰影的寬度有很大的關(guān)系)

通過(guò)shadowPath 實(shí)現(xiàn)局部陰影 ,因?yàn)橄到y(tǒng)的過(guò)渡效果硅蹦,所以這個(gè)偏移為shadowPathWidth/2

    self.layer.masksToBounds = NO;
    
    self.layer.shadowColor = shadowColor.CGColor;
    
    self.layer.shadowOpacity = shadowOpacity;
    
    self.layer.shadowRadius =  shadowRadius;
    
    self.layer.shadowOffset = CGSizeZero;

   因?yàn)橄到y(tǒng)的過(guò)渡效果荣德,所以這個(gè)偏移為shadowPathWidth/2
   CGRect shadowRect    = CGRectMake(originX, originY - shadowPathWidth/2, originW,  shadowPathWidth);

   UIBezierPath *path =[UIBezierPath bezierPathWithRect:shadowRect];
    
    self.layer.shadowPath = path.CGPath;

將常用的局部陰影效果封裝為分類。

#import <UIKit/UIKit.h>
typedef enum :NSInteger{
    
    LXShadowPathLeft,
    
    LXShadowPathRight,
    
    LXShadowPathTop,

    LXShadowPathBottom,

    LXShadowPathNoTop,
    
    LXShadowPathAllSide

} LXShadowPathSide;
@interface UIView (LXShadowPath)

/*
 * shadowColor 陰影顏色
 *
 * shadowOpacity 陰影透明度童芹,默認(rèn)0
 *
 * shadowRadius  陰影半徑涮瞻,默認(rèn)3
 *
 * shadowPathSide 設(shè)置哪一側(cè)的陰影,
 
 * shadowPathWidth 陰影的寬度假褪,

 */

-(void)LX_SetShadowPathWith:(UIColor *)shadowColor shadowOpacity:(CGFloat)shadowOpacity shadowRadius:(CGFloat)shadowRadius shadowSide:(LXShadowPathSide)shadowPathSide shadowPathWidth:(CGFloat)shadowPathWidth;

效果圖:
局部陰影.gif

demo地址:UIView局部陰影

?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請(qǐng)聯(lián)系作者
  • 序言:七十年代末署咽,一起剝皮案震驚了整個(gè)濱河市,隨后出現(xiàn)的幾起案子生音,更是在濱河造成了極大的恐慌宁否,老刑警劉巖,帶你破解...
    沈念sama閱讀 206,311評(píng)論 6 481
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件缀遍,死亡現(xiàn)場(chǎng)離奇詭異慕匠,居然都是意外死亡,警方通過(guò)查閱死者的電腦和手機(jī)域醇,發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 88,339評(píng)論 2 382
  • 文/潘曉璐 我一進(jìn)店門(mén)台谊,熙熙樓的掌柜王于貴愁眉苦臉地迎上來(lái)蓉媳,“玉大人,你說(shuō)我怎么就攤上這事锅铅±疑耄” “怎么了?”我有些...
    開(kāi)封第一講書(shū)人閱讀 152,671評(píng)論 0 342
  • 文/不壞的土叔 我叫張陵狠角,是天一觀的道長(zhǎng)号杠。 經(jīng)常有香客問(wèn)我,道長(zhǎng)丰歌,這世上最難降的妖魔是什么姨蟋? 我笑而不...
    開(kāi)封第一講書(shū)人閱讀 55,252評(píng)論 1 279
  • 正文 為了忘掉前任,我火速辦了婚禮立帖,結(jié)果婚禮上眼溶,老公的妹妹穿的比我還像新娘。我一直安慰自己晓勇,他們只是感情好堂飞,可當(dāng)我...
    茶點(diǎn)故事閱讀 64,253評(píng)論 5 371
  • 文/花漫 我一把揭開(kāi)白布。 她就那樣靜靜地躺著绑咱,像睡著了一般绰筛。 火紅的嫁衣襯著肌膚如雪。 梳的紋絲不亂的頭發(fā)上描融,一...
    開(kāi)封第一講書(shū)人閱讀 49,031評(píng)論 1 285
  • 那天铝噩,我揣著相機(jī)與錄音,去河邊找鬼窿克。 笑死骏庸,一個(gè)胖子當(dāng)著我的面吹牛,可吹牛的內(nèi)容都是我干的年叮。 我是一名探鬼主播具被,決...
    沈念sama閱讀 38,340評(píng)論 3 399
  • 文/蒼蘭香墨 我猛地睜開(kāi)眼,長(zhǎng)吁一口氣:“原來(lái)是場(chǎng)噩夢(mèng)啊……” “哼只损!你這毒婦竟也來(lái)了一姿?” 一聲冷哼從身側(cè)響起,我...
    開(kāi)封第一講書(shū)人閱讀 36,973評(píng)論 0 259
  • 序言:老撾萬(wàn)榮一對(duì)情侶失蹤跃惫,失蹤者是張志新(化名)和其女友劉穎叮叹,沒(méi)想到半個(gè)月后,有當(dāng)?shù)厝嗽跇?shù)林里發(fā)現(xiàn)了一具尸體辈挂,經(jīng)...
    沈念sama閱讀 43,466評(píng)論 1 300
  • 正文 獨(dú)居荒郊野嶺守林人離奇死亡,尸身上長(zhǎng)有42處帶血的膿包…… 初始之章·張勛 以下內(nèi)容為張勛視角 年9月15日...
    茶點(diǎn)故事閱讀 35,937評(píng)論 2 323
  • 正文 我和宋清朗相戀三年裹粤,在試婚紗的時(shí)候發(fā)現(xiàn)自己被綠了终蒂。 大學(xué)時(shí)的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片蜂林。...
    茶點(diǎn)故事閱讀 38,039評(píng)論 1 333
  • 序言:一個(gè)原本活蹦亂跳的男人離奇死亡,死狀恐怖拇泣,靈堂內(nèi)的尸體忽然破棺而出噪叙,到底是詐尸還是另有隱情,我是刑警寧澤霉翔,帶...
    沈念sama閱讀 33,701評(píng)論 4 323
  • 正文 年R本政府宣布睁蕾,位于F島的核電站,受9級(jí)特大地震影響债朵,放射性物質(zhì)發(fā)生泄漏子眶。R本人自食惡果不足惜,卻給世界環(huán)境...
    茶點(diǎn)故事閱讀 39,254評(píng)論 3 307
  • 文/蒙蒙 一序芦、第九天 我趴在偏房一處隱蔽的房頂上張望臭杰。 院中可真熱鬧,春花似錦谚中、人聲如沸渴杆。這莊子的主人今日做“春日...
    開(kāi)封第一講書(shū)人閱讀 30,259評(píng)論 0 19
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽(yáng)磁奖。三九已至,卻和暖如春某筐,著一層夾襖步出監(jiān)牢的瞬間比搭,已是汗流浹背。 一陣腳步聲響...
    開(kāi)封第一講書(shū)人閱讀 31,485評(píng)論 1 262
  • 我被黑心中介騙來(lái)泰國(guó)打工来吩, 沒(méi)想到剛下飛機(jī)就差點(diǎn)兒被人妖公主榨干…… 1. 我叫王不留敢辩,地道東北人。 一個(gè)月前我還...
    沈念sama閱讀 45,497評(píng)論 2 354
  • 正文 我出身青樓弟疆,卻偏偏與公主長(zhǎng)得像戚长,于是被迫代替她去往敵國(guó)和親。 傳聞我的和親對(duì)象是個(gè)殘疾皇子怠苔,可洞房花燭夜當(dāng)晚...
    茶點(diǎn)故事閱讀 42,786評(píng)論 2 345

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