라이브 메인 페이지

2023-08-10 12:32:20 +09:00
parent 2456c897c3
commit f8bab4c232
42 changed files with 1873 additions and 2 deletions
--- a/SodaLive/Sources/Live/EventBanner/SectionEventBannerView.swift
+++ b/SodaLive/Sources/Live/EventBanner/SectionEventBannerView.swift
@@ -0,0 +1,93 @@
+//
+//  SectionEventBannerView.swift
+//  SodaLive
+//
+//  Created by klaus on 2023/08/09.
+//
+
+import SwiftUI
+import Kingfisher
+
+struct SectionEventBannerView: View {
+    
+    @State private var currentIndex = -1
+    @State private var timer = Timer.publish(every: 3, on: .main, in: .common).autoconnect()
+    
+    let items: [EventItem]
+    
+    var body: some View {
+        GeometryReader { proxy in
+            VStack(spacing: 13.3) {
+                TabView(selection: $currentIndex) {
+                    ForEach(0..<items.count, id: \.self) { index in
+                        let item = items[index]
+                        if let url = item.thumbnailImageUrl.addingPercentEncoding(withAllowedCharacters: .urlQueryAllowed) {
+                            KFImage(URL(string: url))
+                                .resizable()
+                                .frame(width: proxy.size.width, height: proxy.size.height, alignment: .center)
+                                .tag(index)
+                                .onTapGesture {
+                                    if let _ = item.detailImageUrl {
+                                    } else if let link = item.link, link.trimmingCharacters(in: .whitespaces).count > 0, let url = URL(string: link), UIApplication.shared.canOpenURL(url) {
+                                        UIApplication.shared.open(url)
+                                    }
+                                }
+                        } else {
+                            KFImage(URL(string: item.thumbnailImageUrl))
+                                .resizable()
+                                .frame(width: proxy.size.width, height: proxy.size.height, alignment: .center)
+                                .tag(index)
+                                .onTapGesture {
+                                    if let _ = item.detailImageUrl {
+                                    } else if let link = item.link, link.trimmingCharacters(in: .whitespaces).count > 0, let url = URL(string: link), UIApplication.shared.canOpenURL(url) {
+                                        UIApplication.shared.open(url)
+                                    }
+                                }
+                        }
+                    }
+                }
+                .tabViewStyle(PageTabViewStyle(indexDisplayMode: .never))
+                .frame(
+                    width: proxy.size.width,
+                    height: proxy.size.height,
+                    alignment: .center
+                )
+                
+                HStack(spacing: 4) {
+                    ForEach(0..<items.count, id: \.self) { index in
+                        Capsule()
+                            .foregroundColor(index == currentIndex ? Color(hex: "9970ff") : Color(hex: "909090"))
+                            .frame(
+                                width: index == currentIndex ? 18 : 6,
+                                height: 6
+                            )
+                            .tag(index)
+                    }
+                }
+            }
+            .onAppear {
+                timer = Timer.publish(every: 3, on: .main, in: .common).autoconnect()
+            }
+            .onDisappear {
+                timer.upstream.connect().cancel()
+            }
+            .onReceive(timer) { _ in
+                DispatchQueue.main.async {
+                    withAnimation {
+                        if currentIndex == items.count - 1 {
+                            currentIndex = 0
+                        } else {
+                            currentIndex += 1
+                        }
+                    }
+                }
+            }
+        }
+    }
+}
+
+struct SectionEventBannerView_Previews: PreviewProvider {
+    static var previews: some View {
+        SectionEventBannerView(items: [])
+    }
+}