ios - CAShapeLayer 线的圆角
<p><p>我想在 View 中绘制带有圆角的对角线。
我的代码:</p>
<pre><code>class DiagonalView: UIView {
// MARK: - Public Properties
@IBInspectable var fillColor: UIColor = UIColor.white {
didSet {
self.diagonalLayer.strokeColor = fillColor.cgColor
self.redraw()
}
}
@IBInspectable var lineWidth: CGFloat = 1 {
didSet {
self.diagonalLayer.lineWidth = lineWidth
self.redraw()
}
}
// MARK: - Private Properties
private var diagonalLayer: CAShapeLayer = {
let layer = CAShapeLayer()
layer.fillColor = UIColor.clear.cgColor
layer.strokeColor = UIColor.white.cgColor
layer.lineCap = kCALineCapRound
layer.lineWidth = 1
return layer
}()
// MARK: - Constructors
override func awakeFromNib() {
super.awakeFromNib()
self.layer.addSublayer(self.diagonalLayer)
self.setupPath()
}
override func layoutSubviews() {
super.layoutSubviews()
self.setupPath()
}
// MARK: - Private methods
private func redraw() {
self.setNeedsDisplay()
}
private func setupPath() {
let startPoint = CGPoint(x: self.frame.width, y: 0)
let endPoint = CGPoint(x: 0, y: self.frame.height)
let path = UIBezierPath()
path.move(to: startPoint)
path.addLine(to: endPoint)
path.close()
self.diagonalLayer.path = path.cgPath
}
}
</code></pre>
<p>行位置正确。但角不是圆的。
结果:</p>
<p> <a href="/image/qGPwz.png" rel="noreferrer noopener nofollow"><img src="/image/qGPwz.png" alt="enter image description here"/></a> </p>
<p>代码看起来不错，但我觉得我搞砸了……有什么建议吗？</p></p>
<br><hr><h1><strong>Best Answer-推荐答案</ strong></h1><br>
<p><p>我想我找到了问题所在。文档说:</p>
<p>线帽样式指定描边时开放路径的端点形状。</p>
<p>你正在关闭你的路径。保持打开状态。</p></p>
<p style="font-size: 20px;">关于ios - CAShapeLayer 线的圆角，我们在Stack Overflow上找到一个类似的问题：
<a href="https://stackoverflow.com/questions/39915285/" rel="noreferrer noopener nofollow" style="color: red;">
https://stackoverflow.com/questions/39915285/
</a>
</p>
页:
[1]