iOS如何实现图片六边形阴影效果
来源：爱站网时间：2020-05-30编辑：网友分享
是不是很多用户们在使用ios系统的时候都有发行很好看呢？因此都会想自己尝试着实现，那么今天爱站小编就为大家介绍iOS如何实现图片六边形阴影效果的内容。
是不是很多用户们在使用ios系统的时候都有发行很好看呢？因此都会想自己尝试着实现，那么今天爱站小编就为大家介绍iOS如何实现图片六边形阴影效果的内容。
先来看看效果图
这个效果写起来挺简单，主要运用下面几个知识点
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 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;
}
绘制一个六边形的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如何实现图片六边形阴影效果的内容，其实还有许多知识点未涉及到，在将来的文章更新中小编会陆续补充，希望大家继续关注。
