iOS實(shí)現(xiàn)圖片六邊形陰影效果
先來(lái)看看效果圖

這個(gè)效果寫(xiě)起來(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)文章
IOS開(kāi)發(fā)中鍵盤(pán)輸入屏幕上移的解決方法
在IOS開(kāi)法中經(jīng)常會(huì)遇到鍵盤(pán)遮擋屏幕的事情,經(jīng)常檔住下面的按鈕,下面小編給大家分享IOS開(kāi)發(fā)中鍵盤(pán)輸入屏幕上移的解決方法,感興趣的朋友一起看看吧2016-10-10
IOS 中動(dòng)畫(huà)的暫停與繼續(xù)播放的詳解
這篇文章主要介紹了IOS 中動(dòng)畫(huà)的暫停與繼續(xù)播放的詳解的相關(guān)資料,希望通過(guò)本文大家能理解掌握這部分內(nèi)容,需要的朋友可以參考下2017-09-09
IOS UI學(xué)習(xí)教程之設(shè)置UITextField各種屬性
這篇文章主要為大家詳細(xì)介紹了IOS UI學(xué)習(xí)教程之設(shè)置UITextField各種屬性,感興趣的小伙伴們可以參考一下2016-03-03
iOS實(shí)現(xiàn)秒殺活動(dòng)倒計(jì)時(shí)
這篇文章主要為大家詳細(xì)介紹了iOS實(shí)現(xiàn)秒殺活動(dòng)倒計(jì)時(shí),文中示例代碼介紹的非常詳細(xì),具有一定的參考價(jià)值,感興趣的小伙伴們可以參考一下2019-12-12
iOS10開(kāi)發(fā)和Xcode 8新特性及常見(jiàn)問(wèn)題解析
這篇文章主要介紹了iOS10開(kāi)發(fā)和Xcode 8新特性及常見(jiàn)問(wèn)題解析的相關(guān)資料,非常不錯(cuò),具有參考借鑒價(jià)值,需要的朋友可以參考下2016-09-09
iOS開(kāi)發(fā)中使用UIScrollView實(shí)現(xiàn)無(wú)限循環(huán)的圖片瀏覽器
這篇文章主要介紹了iOS開(kāi)發(fā)中使用UIScrollView實(shí)現(xiàn)無(wú)限循環(huán)的圖片瀏覽器的方法,感興趣的小伙伴們可以參考一下2016-03-03

