在UIView的中间用虚线和弧设计

Question

我正在设计一个具有相当复杂UI的屏幕。

UIView在中间有一条虚线，右侧和左侧有弧形。

请查看下面的图片以便更好地理解。

有人可以指导我如何在iOS中实现这样的设计吗？

Answer 1

使用此代码创建带有自定义参数的虚线：

let  path = UIBezierPath()

let  point1 = CGPointMake(CGRectGetMinX(self.bounds),CGRectGetMidY(self.bounds))
path.moveToPoint(point1)

let  point2 = CGPointMake(CGRectGetMaxX(self.bounds),CGRectGetMidY(self.bounds))
path.addLineToPoint(point2)

let  dashes: [CGFloat] = [12.0, 24.0]
path.setLineDash(dashes, count: dashes.count, phase: 0.0)

path.lineWidth = 10.0
path.lineCapStyle = .Butt
UIColor.greenColor().set()
path.stroke()

对于取景，只需使用一个矩形和一个圆圈（你将获得一个圆弧）。