如何使用重复半圆裁剪UIView？

我想裁剪一个UIView，底部和顶部重复的半圆形像这个图像

Answer 1

我一直在处理您的问题，这是我的结果，您需要创建一个UIBezierPath并应用于您想要的视图，使用此代码

用于生成所需BezierPath的函数

func pathSemiCirclesPathForView(givenView: UIView, ciclesRadius:CGFloat = 10, circlesDistance : CGFloat = 2) ->UIBezierPath { let width = givenView.frame.size.width let height = givenView.frame.size.height let semiCircleWidth = CGFloat(ciclesRadius*2) let semiCirclesPath = UIBezierPath() semiCirclesPath.move(to: CGPoint(x:0, y:0)) var x = CGFloat(0) var i = 0 while x < width { x = (semiCircleWidth) * CGFloat(i) + (circlesDistance * CGFloat(i)) let pivotPoint = CGPoint(x: x + semiCircleWidth/2, y: height) semiCirclesPath.addArc(withCenter: pivotPoint, radius: ciclesRadius, startAngle: -180 * .pi / 180.0, endAngle: 0 * .pi / 180.0, clockwise: true) semiCirclesPath.addLine(to: CGPoint(x: semiCirclesPath.currentPoint.x + circlesDistance, y: height)) i += 1 } semiCirclesPath.addLine(to: CGPoint(x:width,y: 0)) i = 0 while x > 0 { x = width - (semiCircleWidth) * CGFloat(i) - (circlesDistance * CGFloat(i)) let pivotPoint = CGPoint(x: x - semiCircleWidth/2, y: 0) semiCirclesPath.addArc(withCenter: pivotPoint, radius: ciclesRadius, startAngle: 0 * .pi / 180.0, endAngle: -180 * .pi / 180.0, clockwise: true) semiCirclesPath.addLine(to: CGPoint(x: semiCirclesPath.currentPoint.x - circlesDistance, y: 0)) i += 1 } semiCirclesPath.close() return semiCirclesPath } 

将BezierPath应用于任何视图的function

 func applySemiCircleEffect(givenView: UIView){ let shapeLayer = CAShapeLayer(layer: givenView.layer) shapeLayer.path = self.pathSemiCirclesPathForView(givenView: givenView).cgPath shapeLayer.frame = givenView.bounds shapeLayer.masksToBounds = true shapeLayer.shadowOpacity = 1 shapeLayer.shadowColor = UIColor.black.cgColor shapeLayer.shadowOffset = CGSize(width: 0, height: 0) shapeLayer.shadowRadius = 3 givenView.layer.mask = shapeLayer } 

用它

 @IBOutlet weak var customView: UIView! override func viewDidLoad() { super.viewDidLoad() // Do any additional setup after loading the view, typically from a nib. self.applySemiCircleEffect(givenView: customView) } 

这是它的外观

希望这对你有帮助，Happy Coding