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

を。

関連する問題