하트 랭킹 추가

2024-11-12 00:33:28 +09:00
parent fb5d7bd209
commit b4f99af291
9 changed files with 349 additions and 2 deletions
--- a/SodaLive/Sources/Live/Room/Dialog/LiveRoomHeartRankingItemView.swift
+++ b/SodaLive/Sources/Live/Room/Dialog/LiveRoomHeartRankingItemView.swift
@@ -0,0 +1,130 @@
+//
+//  LiveRoomHeartRankingItemView.swift
+//  SodaLive
+//
+//  Created by klaus on 11/11/24.
+//
+
+import SwiftUI
+import Kingfisher
+
+struct LiveRoomHeartRankingItemView: View {
+    
+    let index: Int
+    let item: GetLiveRoomHeartListItem
+    let itemCount: Int
+    
+    let rankingCrawns = ["ic_crown_1", "ic_crown_2", "ic_crown_3"]
+    let rankingColors = [
+        [Color(hex: "ffdc00"), Color(hex: "ffb600")],
+        [Color(hex: "ffffff"), Color(hex: "9f9f9f")],
+        [Color(hex: "e6a77a"), Color(hex: "c67e4a")],
+        [Color(hex: "ffffff").opacity(0), Color(hex: "ffffff").opacity(0)]
+    ]
+    
+    var body: some View {
+        HStack(spacing: 0) {
+            ZStack {
+                KFImage(URL(string: item.profileImage))
+                    .cancelOnDisappear(true)
+                    .downsampling(size: CGSize(width: 60, height: 60))
+                    .resizable()
+                    .scaledToFill()
+                    .frame(width: 60, height: 60, alignment: .top)
+                    .clipShape(Circle())
+                    .overlay(
+                        Circle()
+                            .stroke(
+                                AngularGradient(colors: rankingColors[index < 4 ? index : 3], center: .center),
+                                lineWidth: 3
+                            )
+                    )
+                
+                if index < 3 {
+                    VStack(alignment: .trailing, spacing: 0) {
+                        Spacer()
+                        
+                        Image(rankingCrawns[index])
+                            .resizable()
+                            .frame(width: 25, height: 25)
+                    }
+                    .frame(width: 63, height: 63, alignment: .trailing)
+                }
+            }
+            .frame(width: 63, height: 63)
+            
+            Text("\(index + 1)")
+                .font(.custom(Font.bold.rawValue, size: 13.3))
+                .foregroundColor(Color.grayee)
+                .padding(.leading, 20)
+                .padding(.trailing, 13.3)
+            
+            let nickname = item.nickname.count > 10 ? "\(String(item.nickname.prefix(10)))..." : item.nickname
+            Text(nickname)
+                .font(.custom(Font.medium.rawValue, size: 13.3))
+                .foregroundColor(Color.grayee)
+            
+            Spacer()
+            
+            VStack(alignment: .trailing, spacing: 8) {
+                if item.heart > 0 {
+                    HStack(spacing: 4) {
+                        Text("\(item.heart)")
+                            .font(.custom(Font.medium.rawValue, size: 13.3))
+                            .foregroundColor(Color.button)
+                        
+                        Text("하트")
+                            .font(.custom(Font.medium.rawValue, size: 13.3))
+                            .foregroundColor(Color.grayee)
+                    }
+                }
+            }
+        }
+        .padding(.horizontal, isTop3Index(index: index) ? 20 : 0)
+        .padding(.top, getTopPadding(index: index))
+        .padding(.bottom, getBottomPadding(index: index))
+        .background(Color.bg.opacity(isTop3Index(index: index) ? 1 : 0))
+        .cornerRadius(4.7, corners: cornerRadiusConers(index: index))
+        .padding(.horizontal, isTop3Index(index: index) ? 0 : 6.7)
+    }
+    
+    private func isTop3Index(index: Int) -> Bool {
+        return index == 0 || index == 1 || index == 2
+    }
+    
+    private func getTopPadding(index: Int) -> CGFloat {
+        if index == 0 || index == 3 {
+            return 20
+        } else {
+            return 6.7
+        }
+    }
+    
+    private func getBottomPadding(index: Int) -> CGFloat {
+        if (index == 0 && itemCount == 1) || (index == 1 && itemCount == 2) || index == 2 {
+            return 20
+        } else {
+            return 6.7
+        }
+    }
+    
+    private func cornerRadiusConers(index: Int) -> UIRectCorner {
+        if (index == 0 && itemCount == 1) {
+            return [.topLeft, .topRight, .bottomLeft, .bottomRight]
+        } else if index == 0 {
+            return [.topLeft, .topRight]
+        } else if (index == 1 && itemCount == 2) || index == 2 {
+            return [.bottomLeft, .bottomRight]
+        } else {
+            return []
+        }
+    }
+}
+
+#Preview {
+    LiveRoomHeartRankingItemView(
+        index: 0,
+        item: GetLiveRoomHeartListItem(profileImage: "", nickname: "테스트", heart: 10),
+        itemCount: 3
+    )
+}