shape in swiftui code example
Example 1: shapes in swiftui
struct ContentView: View {
var body: some View {
ZStack {
Rectangle()
.fill(Color.black)
.frame(width: 200, height: 200)
RoundedRectangle(cornerRadius: 25, style: .continuous)
.fill(Color.red)
.frame(width: 200, height: 200)
Capsule()
.fill(Color.green)
.frame(width: 100, height: 50)
Ellipse()
.fill(Color.blue)
.frame(width: 100, height: 50)
Circle()
.fill(Color.white)
.frame(width: 100, height: 50)
}
}
}
Example 2: swiftui drawing custom shapes
struct Arrow: Shape {
// 1.
func path(in rect: CGRect) -> Path {
Path { path in
let width = rect.width
let height = rect.height
// 2.
path.addLines( [
CGPoint(x: width * 0.4, y: height),
CGPoint(x: width * 0.4, y: height * 0.4),
CGPoint(x: width * 0.2, y: height * 0.4),
CGPoint(x: width * 0.5, y: height * 0.1),
CGPoint(x: width * 0.8, y: height * 0.4),
CGPoint(x: width * 0.6, y: height * 0.4),
CGPoint(x: width * 0.6, y: height)
])
// 3.
path.closeSubpath()
}
}
}