在 UIKit 中绘制描边和填充路径/形状非常容易。
例如,下面的代码绘制了一个带有蓝色描边的红色圆圈。
override func draw(_ rect: CGRect) {
guard let ctx = UIGraphicsGetCurrentContext() else { return }
let center = CGPoint(x: rect.midX, y: rect.midY)
ctx.setFillColor(UIColor.red.cgColor)
ctx.setStrokeColor(UIColor.blue.cgColor)
let arc = UIBezierPath(arcCenter: center, radius: rect.width/2, startAngle: 0, endAngle: CGFloat.pi * 2, clockwise: true)
arc.stroke()
arc.fill()
}
如何使用 SwiftUI 做到这一点?
Swift UI 似乎支持:
Circle().stroke(Color.blue)
// and/or
Circle().fill(Color.red)
但不是
Circle().fill(Color.red).stroke(Color.blue) // Value of type 'ShapeView<StrokedShape<Circle>, Color>' has no member 'fill'
// or
Circle().stroke(Color.blue).fill(Color.red) // Value of type 'ShapeView<Circle, Color>' has no member 'stroke'
我应该只 ZStack 两个圆圈吗?这似乎有点傻。
最佳答案
你也可以结合使用strokeBorder
和background
。
代码:
Circle()
.strokeBorder(Color.blue,lineWidth: 4)
.background(Circle().foregroundColor(Color.red))
结果:
关于SwiftUI:如何绘制填充和描边形状?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/56786163/