iOS實(shí)現(xiàn)圖片六邊形陰影效果

更新時(shí)間：2016年09月25日 14:29:20 作者：等風(fēng)的旺旺

這篇文章給大家分享了如何利用iOS實(shí)現(xiàn)圖片六邊形陰影的效果，文中給出實(shí)現(xiàn)的示例代碼，對(duì)大家的理解和學(xué)習(xí)很有幫助，有需要的可以參考借鑒，下面來(lái)一起看看吧。

先來(lái)看看效果圖

這個(gè)效果寫起來(lái)挺簡(jiǎn)單，主要運(yùn)用下面幾個(gè)知識(shí)點(diǎn)

layer 的mask : 圖層蒙版

layer 的shadowPath ：繪制自定義形狀陰影

UIBezierPath ：繪制六邊形路線

說(shuō)完知識(shí)點(diǎn)下面上代碼了

繪制六邊形的路線

-(CGPathRef)getCGPath:(CGFloat)viewWidth{
 UIBezierPath * path = [UIBezierPath bezierPath];
 path.lineWidth = 2;
 [[UIColor whiteColor] setStroke];
 [path moveToPoint:CGPointMake((sin(M_1_PI / 180 * 60)) * (viewWidth / 2), (viewWidth / 4))];
 [path addLineToPoint:CGPointMake((viewWidth / 2), 0)];
 [path addLineToPoint:CGPointMake(viewWidth - ((sin(M_1_PI / 180 * 60)) * (viewWidth / 2)), (viewWidth / 4))];
 [path addLineToPoint:CGPointMake(viewWidth - ((sin(M_1_PI / 180 * 60)) * (viewWidth / 2)), (viewWidth / 2) + (viewWidth / 4))];
 [path addLineToPoint:CGPointMake((viewWidth / 2), viewWidth)];
 [path addLineToPoint:CGPointMake((sin(M_1_PI / 180 * 60)) * (viewWidth / 2), (viewWidth / 2) + (viewWidth / 4))];
 [path closePath];
 return path.CGPath;
}

繪制一個(gè)六邊形的layer，并把image 賦值到contents 上

 CGRect hexagnoRect = self.bounds;
 //繪制一個(gè)六邊形的layer，并復(fù)制一個(gè)image給他的contents
 CALayer *hexagonLayer = [CALayer layer];
 hexagonLayer.frame = hexagnoRect;
 CAShapeLayer * shapLayer = [CAShapeLayer layer];
 shapLayer.lineWidth = 1;
 shapLayer.strokeColor = [UIColor whiteColor].CGColor;
 shapLayer.path = [self getCGPath:hexagnoRect.size.width-20];
 hexagonLayer.mask = shapLayer;
 hexagonLayer.contents = (__bridge id _Nullable)(self.image.CGImage);

創(chuàng)建一個(gè)CALayer，將六邊形layer 添加到CALayer上,并繪制模糊陰影

 CALayer *completeLayer = [CALayer layer];
 completeLayer.frame = CGRectMake(10, 10, self.bounds.size.width-10, self.bounds.size.height-10);
 [completeLayer addSublayer:hexagonLayer];
 completeLayer.shadowOpacity = 1.0f;
 completeLayer.shadowPath = [self getCGPath:hexagnoRect.size.width];
 completeLayer.shadowOffset = CGSizeMake(-10, -10);

 completeLayer.shadowColor = self.hg_shadowColor.CGColor;
 [self.layer addSublayer:completeLayer];

總結(jié)

好了，以上就是在iOS中實(shí)現(xiàn)圖片六邊形的全部?jī)?nèi)容了，希望本文能對(duì)大家開(kāi)發(fā)iOS有所幫助，如果有疑問(wèn)大家可以留言交流。

您可能感興趣的文章:

相關(guān)文章

分享一個(gè)關(guān)于Storyboard 跳轉(zhuǎn)與傳值
近日不忙，給大家分享一個(gè)關(guān)于storyboard跳轉(zhuǎn)傳值的相關(guān)知識(shí)，感興趣的朋友一起看看吧
2015-12-12
iOS中常見(jiàn)的幾種加密方法總結(jié)
這篇文章主要給大家介紹了關(guān)于iOS中常見(jiàn)的幾種加密方法，其中包括 base64加密、POST加密、Token值介紹、MD5加密--(信息-摘要算法) 哈希算法之一、時(shí)間戳密碼以及指紋識(shí)別等方法，文中通過(guò)示例代碼介紹的非常詳細(xì)，需要的朋友可以參考下。
2017-12-12
IOS設(shè)置QQ小紅點(diǎn)消除的方法(一鍵退朝)
這篇文章主要介紹了IOS設(shè)置QQ小紅點(diǎn)消除的方法(一鍵退朝)，對(duì)ios設(shè)置小紅點(diǎn)消除相關(guān)知識(shí)感興趣的朋友一起學(xué)習(xí)吧
2016-01-01
iOS中GCD定時(shí)器詳解
?CADisplayLink、NSTimer是基于RunLoop機(jī)制的，如果RunLoop的任務(wù)過(guò)于繁重，有可能會(huì)導(dǎo)致前兩個(gè)定時(shí)器不準(zhǔn)時(shí)，這篇文章主要介紹了iOS中GCD定時(shí)器的相關(guān)知識(shí),需要的朋友可以參考下
2013-02-02
使用AVFoundation實(shí)現(xiàn)視頻錄制詳解
這篇文章主要介紹了使用AVFoundation實(shí)現(xiàn)視頻錄制詳解的相關(guān)資料,需要的朋友可以參考下
2022-09-09
ios使用NSProxy實(shí)現(xiàn)消息轉(zhuǎn)發(fā)
本文主要介紹了ios使用NSProxy實(shí)現(xiàn)消息轉(zhuǎn)發(fā)，文中通過(guò)示例代碼介紹的非常詳細(xì)，對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值，需要的朋友們下面隨著小編來(lái)一起學(xué)習(xí)學(xué)習(xí)吧
2022-07-07
iOS實(shí)現(xiàn)文件下載功能
這篇文章主要為大家詳細(xì)介紹了iOS實(shí)現(xiàn)文件下載功能，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下
2022-04-04
iOS 使用 socket 實(shí)現(xiàn)即時(shí)通信示例（非第三方庫(kù)）
這篇文章主要介紹了iOS 使用 socket 即時(shí)通信示例（非第三方庫(kù)）的資料,這里整理了詳細(xì)的代碼,有需要的小伙伴可以參考下。
2017-02-02
深入理解IOS控件布局之Masonry布局框架
本篇文章主要介紹了深入理解IOS控件布局之Masonry布局框架，小編覺(jué)得挺不錯(cuò)的，現(xiàn)在分享給大家，也給大家做個(gè)參考。一起跟隨小編過(guò)來(lái)看看吧
2017-02-02
使用UITextField限制只可輸入中,英文,數(shù)字的方法
在我們?nèi)粘ｉ_(kāi)發(fā)中經(jīng)常遇到一些情況，要UITextField只能輸入某一種特定的字符.比如大寫A-Z或者小寫a-z,或者漢字.或者數(shù)字.那么該如何實(shí)現(xiàn)呢，下面通過(guò)這篇文章來(lái)看看吧。
2016-09-09