|
|
@@ -0,0 +1,84 @@
|
|
|
+import SwiftUI
|
|
|
+
|
|
|
+struct TagCloudView: View {
|
|
|
+ var tags: [String]
|
|
|
+
|
|
|
+ @State private var totalHeight
|
|
|
+// = CGFloat.zero // << variant for ScrollView/List
|
|
|
+ = CGFloat.infinity // << variant for VStack
|
|
|
+
|
|
|
+ var body: some View {
|
|
|
+ VStack {
|
|
|
+ GeometryReader { geometry in
|
|
|
+ self.generateContent(in: geometry)
|
|
|
+ }
|
|
|
+ }
|
|
|
+// .frame(height: totalHeight)// << variant for ScrollView/List
|
|
|
+ .frame(maxHeight: totalHeight) // << variant for VStack
|
|
|
+ }
|
|
|
+
|
|
|
+ private func generateContent(in g: GeometryProxy) -> some View {
|
|
|
+ var width = CGFloat.zero
|
|
|
+ var height = CGFloat.zero
|
|
|
+
|
|
|
+ return ZStack(alignment: .topLeading) {
|
|
|
+ ForEach(self.tags, id: \.self) { tag in
|
|
|
+ self.item(for: tag)
|
|
|
+ .padding([.horizontal, .vertical], 4)
|
|
|
+ .alignmentGuide(.leading, computeValue: { d in
|
|
|
+ if abs(width - d.width) > g.size.width
|
|
|
+ {
|
|
|
+ width = 0
|
|
|
+ height -= d.height
|
|
|
+ }
|
|
|
+ let result = width
|
|
|
+ if tag == self.tags.last! {
|
|
|
+ width = 0 // last item
|
|
|
+ } else {
|
|
|
+ width -= d.width
|
|
|
+ }
|
|
|
+ return result
|
|
|
+ })
|
|
|
+ .alignmentGuide(.top, computeValue: { _ in
|
|
|
+ let result = height
|
|
|
+ if tag == self.tags.last! {
|
|
|
+ height = 0 // last item
|
|
|
+ }
|
|
|
+ return result
|
|
|
+ })
|
|
|
+ }
|
|
|
+ }.background(viewHeightReader($totalHeight))
|
|
|
+ }
|
|
|
+
|
|
|
+ private func item(for text: String) -> some View {
|
|
|
+ Text(text)
|
|
|
+ .padding(.all, 5)
|
|
|
+ .font(.body)
|
|
|
+ .background(Color.insulin)
|
|
|
+ .foregroundColor(Color.white)
|
|
|
+ .cornerRadius(5)
|
|
|
+ }
|
|
|
+
|
|
|
+ private func viewHeightReader(_ binding: Binding<CGFloat>) -> some View {
|
|
|
+ GeometryReader { geometry -> Color in
|
|
|
+ let rect = geometry.frame(in: .local)
|
|
|
+ DispatchQueue.main.async {
|
|
|
+ binding.wrappedValue = rect.size.height
|
|
|
+ }
|
|
|
+ return .clear
|
|
|
+ }
|
|
|
+ }
|
|
|
+}
|
|
|
+
|
|
|
+struct TestTagCloudView: View {
|
|
|
+ var body: some View {
|
|
|
+ VStack {
|
|
|
+ Text("Header").font(.largeTitle)
|
|
|
+ TagCloudView(tags: ["Ninetendo", "XBox", "PlayStation", "PlayStation 2", "PlayStation 3", "PlayStation 4"])
|
|
|
+ Text("Some other text")
|
|
|
+ Divider()
|
|
|
+ Text("Some other cloud")
|
|
|
+ TagCloudView(tags: ["Apple", "Google", "Amazon", "Microsoft", "Oracle", "Facebook"])
|
|
|
+ }
|
|
|
+ }
|
|
|
+}
|
Ivan Valkou