Question

我正在尝试在我制作的UIView容器上完成一个bezier路径设计但是我似乎无法正确获取路径的大小以使图形与附加的示例应用程序一样大。这是我制作的bezier路径但是它的尺寸太小而且填充颜色（bezier路径）不是填充为白色而是填充为黑色。

这是我没有复制以放置UIImageView的示例图像。

这是我的代码，我到目前为止在我的容器中做了什么：

import UIKit

class ProfileViewControllerNew: UIViewController/*, UIScrollViewDelegate, UICollectionViewDataSource, UICollectionViewDelegate, UICollectionViewDelegateFlowLayout*/{

    // Properties
    var topContainer : UIScrollView = UIScrollView()
    var profileImage : UIImageView = UIImageView()
    var settingIcon : UIImageView = UIImageView()
    var shareIcon : UIImageView = UIImageView()
    var sessionScrollView : UIScrollView = UIScrollView()
    var scrollViewContainer : UICollectionView = {
        let layout = UICollectionViewFlowLayout()
        let cV = UICollectionView(frame: .zero, collectionViewLayout: layout)
        return cV
    }()
    var firstname : String!
    var location: UILabel!
    let layer = CAShapeLayer()
//    triangle view 
    var triangleView : UIView = UIView()


    override func viewDidLoad() {
        super.viewDidLoad()
//        setStatusBarBackgroundColor(color : UIColor.init(red: 49/255, green:  207/255, blue: 203/255, alpha: 1))
        self.view.backgroundColor = UIColor.init(red: 49/255, green:  207/255, blue: 203/255, alpha: 1)

        self.navigationController?.navigationBar.isHidden = false
        self.navigationController?.navigationBar.setBackgroundImage(UIImage(), for: .default)
        self.navigationController?.navigationBar.shadowImage = UIImage()
        self.navigationController?.navigationBar.isTranslucent = true
        self.navigationController?.navigationBar.barStyle = UIBarStyle.default;
        self.view.backgroundColor = UIColor.white

        addContaier()
        trView()
//        scrollViewSetup()
//        titleTextView()
//        imageView()
//        textViews()
//        iconsView()
//        

    }

    func addContaier(){
        // 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)

        let myImage : UIImage = UIImage(named : "profile.jpeg")!
        let imageView : UIImageView = UIImageView()
        imageView.image = myImage
        imageView.frame = self.topContainer.bounds
        //imageView.contentMode = UIViewContentMode.scaleAspectFill

        //        self.topContainer.addSubview(imageView)
        self.topContainer.topAnchor.constraint(equalTo: view.topAnchor, constant : 0 ).isActive = true
        self.topContainer.centerXAnchor.constraint(equalTo: view.centerXAnchor).isActive = true
        //self.topContainer.heightAnchor.constraint(equalTo: view.heightAnchor).isActive = true
        self.topContainer.heightAnchor.constraint(equalTo: view.heightAnchor, multiplier: 0.55).isActive = true
        self.topContainer.widthAnchor.constraint(equalTo: view.widthAnchor).isActive =  true



        /*
         layer.path = UIBezierPath(roundedRect: CGRect(x: profileImage.frame.origin.x, y:profileImage.frame.origin.y , width: 30, height: 30), cornerRadius: 30).cgPath
         layer.fillColor = UIColor.red.cgColor

         self.topContainer.layer.addSublayer(layer)
         self.layer.addSublayer(<#T##layer: CALayer##CALayer#>)
         */

    }

    func trView(){


    let bezierPath = UIBezierPath()

        bezierPath.move(to : CGPoint(x:0,y: 462))
        bezierPath.addCurve(to :CGPoint(x:414,y: 226), controlPoint1: CGPoint(x:414.5,y: 230), controlPoint2: CGPoint(x:414.5,y: 226))
        bezierPath.addLine(to: CGPoint(x:414,y: 462))
        bezierPath.addLine(to: CGPoint(x:0,y: 462))
        UIColor.white.setFill()
        bezierPath.fill()
        bezierPath.lineWidth = 1
//        bezierPath.stroke()
//        bezierPath.close()
        //            path.lineCapStyle = kCGLineCapSquare
        let line = CAShapeLayer()
        line.path  = bezierPath.cgPath;

//        line.strokeColor = UIColor.black.cgColor
//        line.fillColor = UIColor.white.cgColor
        self.topContainer.layer.addSublayer(line)

}
}

是否有人能够帮助我复制相同的三角形视图以将UIImageViews添加到其中？

谢谢！

Answer 1

这是你想要的吗？这将沿对角线绘制一条线并将其连接到其原点，使底部成为路径。

func initialSetup() {
    self.view.backgroundColor = UIColor.cyan
    let path = UIBezierPath()
    path.move(to: CGPoint(x: 0, y: self.view.center.y + 40))
    path.addLine(to: CGPoint(x: self.view.frame.size.width, y: self.view.center.y - 40))
    path.addLine(to: CGPoint(x: self.view.frame.size.width, y: self.view.frame.size.height))
    path.addLine(to: CGPoint(x: 0, y: self.view.frame.size.height))
    path.close()

    self.view.drawPolygon(path: path.cgPath)
}

func drawPolygon(path: CGPath) {
    let shapeLayer = CAShapeLayer()
    shapeLayer.path = path
    shapeLayer.lineWidth = 2.0
    shapeLayer.strokeColor = UIColor.white.cgColor
    shapeLayer.fillColor = UIColor.white.cgColor
    self.layer.addSublayer(shapeLayer)
}

贝塞尔路径重复设计

1 个答案: