1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
|
import SwiftUI
struct MapVertices: View {
let mapSize: CGSize
let vertexSize: CGSize
let vertices: [Vertex]
let padding = CGFloat(5.0)
var body: some View {
ZStack(alignment: .topLeading) {
ForEach(vertices, id: \.id) { vertex in
getVertexShape(vertex).fill(Color.map.vertexColor)
Text(vertex.label.replacingOccurrences(of: "\\n", with: "\n")).font(.theme.vertexLabel)
.foregroundColor(.map.labelColor)
.shadow(color: .white, radius: 0, x: -0.5, y: -0.5)
.shadow(color: .white, radius: 0, x: 0.5, y: 0.5)
.offset(
CGSize(
width: w(vertex.position.x) + vertexSize.width + padding,
height: h(vertex.position.y) + 7.0))
}
}
}
func h(_ dimension: CGFloat) -> CGFloat {
max(0.0, min(mapSize.height, dimension * mapSize.height / 100.0))
}
func w(_ dimension: CGFloat) -> CGFloat {
max(0.0, min(mapSize.width, dimension * mapSize.width / 100.0))
}
func getVertexShape(_ vertex: Vertex) -> Path {
switch vertex.shape {
case .circle:
return Path { path in
path.addEllipse(
in: CGRect(
origin: CGPoint(x: w(vertex.position.x), y: h(vertex.position.y)), size: vertexSize
))
}
case .square:
return Path { path in
path.addRect(
CGRect(
x: w(vertex.position.x), y: h(vertex.position.y), width: vertexSize.width,
height: vertexSize.height
))
}
case .triangle:
return Path { path in
path.move(to: CGPoint(x: w(vertex.position.x), y: h(vertex.position.y) + vertexSize.height))
path.addLine(
to: CGPoint(
x: w(vertex.position.x) + vertexSize.width, y: h(vertex.position.y) + vertexSize.height)
)
path.addLine(
to: CGPoint(x: w(vertex.position.x) + vertexSize.width / 2.0, y: h(vertex.position.y)))
path.addLine(
to: CGPoint(x: w(vertex.position.x), y: h(vertex.position.y) + vertexSize.height))
path.closeSubpath()
}
case .x:
return Path { path in
path.move(to: CGPoint(x: w(vertex.position.x), y: h(vertex.position.y)))
path.addLine(
to: CGPoint(
x: w(vertex.position.x) + vertexSize.width, y: h(vertex.position.y) + vertexSize.height)
)
path.closeSubpath()
path.move(to: CGPoint(x: w(vertex.position.x) + vertexSize.width, y: h(vertex.position.y)))
path.addLine(
to: CGPoint(x: w(vertex.position.x), y: h(vertex.position.y) + vertexSize.height))
path.closeSubpath()
}.strokedPath(StrokeStyle(lineWidth: 2.0, lineCap: .butt))
}
}
}
struct MapVertices_Previews: PreviewProvider {
static var previews: some View {
MapVertices(
mapSize: CGSize(width: 400.0, height: 400.0), vertexSize: CGSize(width: 25.0, height: 25.0),
vertices: [
Vertex(id: 0, label: "A Circle", position: CGPoint(x: 50.0, y: 50.0)),
Vertex(id: 1, label: "A Square", position: CGPoint(x: 10.0, y: 20.0), shape: .square),
Vertex(id: 2, label: "A triangle", position: CGPoint(x: 25, y: 32.0), shape: .triangle),
Vertex(id: 3, label: "An X", position: CGPoint(x: 70.0, y: 70.0), shape: .x),
])
}
}
|
