iOS给view添加虚线边框

2017-07-25  本文已影响55人  山有木枝壮

直接上代码

  fileprivate func drawDashLine(_ view: UIView) {
            let shapeLayer:CAShapeLayer = CAShapeLayer()
            shapeLayer.bounds = view.bounds
            shapeLayer.position = CGPoint(x: view.frame.width / 2, y: view.frame.height / 2)
            shapeLayer.fillColor = UIColor.clear.cgColor
            shapeLayer.strokeColor = USColor.c302.cgColor
            
            shapeLayer.lineWidth = 1
            shapeLayer.lineJoin = kCALineJoinRound
            shapeLayer.lineDashPhase = 0
            shapeLayer.lineDashPattern = [NSNumber(value: 2), NSNumber(value: 2)]
            
            let path:CGMutablePath = CGMutablePath()
            path.move(to: CGPoint(x: 0, y: 0))
            path.addLine(to: CGPoint(x: view.frame.width, y: 0))
            shapeLayer.path = path
            
            view.layer.addSublayer(shapeLayer)
        }

给某个view设置虚线边框需要再layoutSubViews中进行,不然获取不到该view的frame,如果使用自动布局,需要设置该view的width

override func layoutSubviews() {
            super.layoutSubviews()
            
            self.drawDashLine(self.lineView)
        }

可以给UIView加上extension

public func drawDashLine() {
        let shapeLayer:CAShapeLayer = CAShapeLayer()
        
        shapeLayer.bounds = self.bounds
        shapeLayer.position = CGPoint(x: self.frame.width / 2, y: self.frame.height / 2)
        
        shapeLayer.fillColor = UIColor.clear.cgColor
        shapeLayer.strokeColor = UIColor.red
        
        shapeLayer.lineWidth = 1
        shapeLayer.lineJoin = kCALineJoinRound
        shapeLayer.lineDashPhase = 0
        shapeLayer.lineDashPattern = [NSNumber(value: 2), NSNumber(value: 2)]
        
        let path:CGMutablePath = CGMutablePath()
        path.move(to: CGPoint(x: 0, y: 0))
        path.addLine(to: CGPoint(x: self.frame.width, y: 0))
        shapeLayer.path = path
        
        self.layer.addSublayer(shapeLayer)
    }
上一篇下一篇

猜你喜欢

热点阅读