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
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
|
// Copyright (C) 2024 Rubén Beltrán del Río
// This program is free software: you can redistribute it and/or modify
// it under the terms of the GNU General Public License as published by
// the Free Software Foundation, either version 3 of the License, or
// (at your option) any later version.
// This program is distributed in the hope that it will be useful,
// but WITHOUT ANY WARRANTY; without even the implied warranty of
// MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the
// GNU General Public License for more details.
// You should have received a copy of the GNU General Public License
// along with this program. If not, see https://map.tranquil.systems.
import SwiftUI
struct MapVertices: View {
let mapSize: CGSize
let vertexSize: CGSize
let vertices: [Vertex]
let padding = CGFloat(5.0)
var onDragVertex: (Vertex, CGFloat, CGFloat) -> Void = { _, _, _ in }
var body: some View {
ZStack(alignment: .topLeading) {
ForEach(vertices, id: \.id) { vertex in
ZStack(alignment: .topLeading) {
getVertexShape(vertex).fill(Color.Theme.Map.vertexColor)
Text(vertex.label.replacingOccurrences(of: "\\n", with: "\n"))
.font(.Theme.Map.vertexLabel)
.lineSpacing(
Dimensions.LineHeight.Map.vertexLabel - Dimensions.FontSize.Map.vertexLabel
)
.foregroundColor(.Theme.Map.labelColor)
.offset(
CGSize(
width: w(vertex.position.x) + vertexSize.width + padding,
height: h(vertex.position.y) + 7.0))
}.gesture(
DragGesture()
.onChanged { value in
let deltaX = value.startLocation.x - value.location.x
let deltaY = value.startLocation.y - value.location.y
onDragVertex(vertex, deltaX, deltaY)
}
)
}
}
}
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))
}
}
}
#Preview {
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),
])
}
|
