2017-11-13 2 views
1

매우 복잡한 UI가있는 화면을 디자인하고 있습니다.점선과 호가 UIView 중간에있는 디자인

UIView는 오른쪽과 왼쪽에 호가 가운데에 파선이 있습니다.

더 나은 이해를 위해 아래 그림을 확인하십시오.

iOS에서 이러한 디자인을 어떻게 달성 할 수 있습니까?

enter image description here

+0

나는 말하고 싶다 : 그것은 단지 마스크 일 뿐이며, 마스크를 그리기 위해 UIBezierPath와 함께 갈 것이다. – Larme

+0

그렇게하는 방법을 안내해 주시겠습니까? –

+0

https://stackoverflow.com/questions/43668491/using-an-uiview-as-a-mask-in-another-uiview-on-swift (마스크 방법을 아는 것). 나머지는 UIBezierPath를 찾아보십시오. 자습서가 있어야합니다. 당신은 원하는 모양을 찾지 못하고 그것을 사용하는 방법을 찾지 못할 것입니다. – Larme

답변

0

사용이 코드는 사용자 정의 매개 변수를 사용하여 점선을 만들 수 있습니다 :

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() 

단지 사각형과 원을 사용하는 프레임의 경우 (당신은 아크를 얻을 수 있습니다).