bezierpathをUIViewコンテナの内側に追加する

Question

私はUIViewコンテナ内にベジェのパス（三角形）を追加しようとしていますが、UIViewコンテナのポイントを正しく取得しているようです。

この：私のような出力をしたいと思います

：私は結果（三角形のストリップはコンテナビューの左側に表示されるようですされている）のためにこれを取得していますあなたは明らかにビューコントローラのviewDidLoadにこのコードをやっている

// adding container to add image 
     self.topContainer.backgroundColor = UIColor(red: 49/255, green: 207/255, blue: 203/255, alpha: 1) 
     //  self.topContainer.backgroundColor = UIColor.white 
     self.topContainer.translatesAutoresizingMaskIntoConstraints = false 
     view.addSubview(self.topContainer) 


     self.topContainer.centerXAnchor.constraint(equalTo: view.centerXAnchor).isActive = true 
     self.topContainer.heightAnchor.constraint(equalTo: view.heightAnchor, multiplier: 0.55).isActive = true 
     self.topContainer.widthAnchor.constraint(equalTo: view.widthAnchor).isActive = true 

     let bezierPath = UIBezierPath()     
     bezierPath.move(to: CGPoint(x: 0, y: self.topContainer.frame.size.height)) 
     bezierPath.addLine(to: CGPoint(x: self.topContainer.frame.size.width, y: 222)) 
     bezierPath.addLine(to: CGPoint(x: self.topContainer.frame.size.width, y: self.topContainer.frame.size.height)) 
     bezierPath.addLine(to: CGPoint(x: 0, y: self.topContainer.frame.size.height)) 

     UIColor.white.setFill() 
     bezierPath.fill() 
     bezierPath.lineWidth = 1 
     bezierPath.close() 

     let shapeLayer = CAShapeLayer() 
     shapeLayer.path = bezierPath.cgPath 
     shapeLayer.lineWidth = 2.0 
     shapeLayer.strokeColor = UIColor.white.cgColor 
     shapeLayer.fillColor = UIColor.white.cgColor 
     self.topContainer.layer.addSublayer(shapeLayer) 

Answer 1

：これまでの私のコードです。あなたは必要があります。

• はUIColor.white.setFill()とpath.fill()コードを削除します。グラフィックコンテキスト内で描画する場合にのみ意味があります（UIViewのdrawメソッド、またはUIGraphicsBegin/EndImageContextの中）。 CAShapeLayerを構築して、それをビュー/レイヤー階層に追加すれば、OSが描画/充てんしてくれます。

• は先に行くとviewDidLoadでCAShapeLayerを作成および構成が、UIBezierPathの作成とビューコントローラのviewDidLayoutSubviews方法にCAShapeLayerのpathの設定を移動します。ビューのframeは一般にviewDidLoadの間には不明であり、（制約や自動サイズ変更のマスクを介して）変更されやすいことが確かです。 viewDidLayoutSubviewsが呼び出されるまでには、frameが正しく設定されています（メインビューのframeが変更された場合は、再度呼び出されます）。