先來看看後果圖
這個後果寫起來挺簡略,重要應用上面幾個常識點
layer
的mask
: 圖層蒙版
layer
的shadowPath
: 繪制自界說外形暗影
UIBezierPath
:繪制六邊形道路
說完常識點上面上代碼了
繪制六邊形的道路
-(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 addL.netoPoint:CGPointMake((viewWidth / 2), 0)]; [path addL.netoPoint:CGPointMake(viewWidth - ((sin(M_1_PI / 180 * 60)) * (viewWidth / 2)), (viewWidth / 4))]; [path addL.netoPoint: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; }
繪制一個六邊形的layer,並把image 賦值到contents
上
CGRect hexagnoRect = self.bounds; //繪制一個六邊形的layer,並復制一個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);
創立一個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];
總結
好了,以上就是在IOS中完成圖片六邊形的全體內容了,願望本文能對年夜家開辟IOS有所贊助,假如有疑問年夜家可以留言交換。
【iOS完成圖片六邊形暗影後果】的相關資料介紹到這裡,希望對您有所幫助! 提示:不會對讀者因本文所帶來的任何損失負責。如果您支持就請把本站添加至收藏夾哦!