Tokamak/Sources/TokamakDemo/Drawing/PathDemo.swift

86 lines
2.6 KiB
Swift

// Copyright 2020-2021 Tokamak contributors
//
// Licensed under the Apache License, Version 2.0 (the "License");
// you may not use this file except in compliance with the License.
// You may obtain a copy of the License at
//
// http://www.apache.org/licenses/LICENSE-2.0
//
// Unless required by applicable law or agreed to in writing, software
// distributed under the License is distributed on an "AS IS" BASIS,
// WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
// See the License for the specific language governing permissions and
// limitations under the License.
import Foundation
import TokamakShim
struct Star: Shape {
func path(in rect: CGRect) -> Path {
Path { path in
path.move(to: .init(x: 40, y: 0))
path.addLine(to: .init(x: 20, y: 76))
path.addLine(to: .init(x: 80, y: 30.4))
path.addLine(to: .init(x: 0, y: 30.4))
path.addLine(to: .init(x: 64, y: 76))
path.addLine(to: .init(x: 40, y: 0))
}
}
}
struct PathDemo: View {
var body: some View {
VStack {
HStack {
Star()
.fill(Color(red: 1, green: 0.75, blue: 0.1, opacity: 1))
Circle()
.stroke(Color.blue)
.frame(width: 80, height: 80, alignment: .center)
}
Path { path in
path.addRect(.init(origin: .zero, size: .init(width: 20, height: 20)))
path.addEllipse(in: .init(
origin: .init(x: 25, y: 0),
size: .init(width: 20, height: 20)
))
path.addRoundedRect(
in: .init(origin: .init(x: 50, y: 0), size: .init(width: 20, height: 20)),
cornerSize: .init(width: 4, height: 4)
)
path.addArc(
center: .init(x: 85, y: 10),
radius: 10,
startAngle: .degrees(90),
endAngle: .degrees(180),
clockwise: true
)
}
.stroke(Color(red: 1, green: 0.75, blue: 0.1, opacity: 1), lineWidth: 4)
.padding(.vertical)
HStack {
Circle()
.frame(width: 25, height: 25)
Rectangle()
.frame(width: 25, height: 25)
Capsule()
.frame(width: 50, height: 25)
}
.foregroundColor(Color.blue)
if #available(macOS 12.0, iOS 15, *) {
#if compiler(>=5.5) || os(WASI) // Xcode 13 required for `containerShape`.
ZStack {
ContainerRelativeShape()
.fill(Color.blue)
.frame(width: 100, height: 100, alignment: .center)
ContainerRelativeShape()
.fill(Color.green)
.frame(width: 50, height: 50)
}
.containerShape(Circle())
#endif
}
}
}
}