💄 [#225] SMSPageControl / 이상한 부분 수정

GSM-MSG · Aug 23, 2023 · d415f93 · d415f93
1 parent 79e57bd
commit d415f93
Show file tree

Hide file tree

Showing 2 changed files with 19 additions and 23 deletions.
diff --git a/Projects/Core/DesignSystem/Sources/PageControl/SMSPageControl.swift b/Projects/Core/DesignSystem/Sources/PageControl/SMSPageControl.swift
@@ -1,4 +1,5 @@
 import SwiftUI
+import UIKit
 
 public struct SMSPageControl: View {
     var pageCount: Int
@@ -10,32 +11,26 @@ public struct SMSPageControl: View {
     }
 
     public var body: some View {
-        ZStack(alignment: .leading) {
-            HStack(spacing: 40) {
-                ForEach(0..<pageCount, id: \.self) { _ in
-                    Circle()
-                        .fill(Color.sms(.neutral(.n20)))
-                        .frame(width: 8, height: 8)
+        GeometryReader { geometry in
+            ZStack(alignment: .leading) {
+                let spacing = CGFloat((Int(geometry.size.width) - (pageCount * 8)) / (pageCount - 1))
+                HStack(spacing: spacing) {
+                    ForEach(0..<pageCount, id: \.self) { _ in
+                        Circle()
+                            .fill(Color.sms(.neutral(.n20)))
+                            .frame(width: 8, height: 8)
+                    }
+                    .frame(height: 12)
                 }
-                .frame(height: 12)
-            }
-
-            HStack(spacing: 0) {
-                ForEach(0..<selectedPage, id: \.self) { page in
-                    let isInitial = page == 0
-                    let endCorner: Corners = page == selectedPage ? [.topRight, .bottomRight] : []
-                    let corners: Corners = isInitial ? [.topLeft, .bottomLeft] : endCorners
 
-                    Rectacgle()
-                        .fill(page <= selectedPage ? Color.sms(.primary(.p2)) : Color.sms(. neutral(.n20)))
-                        .frame(height: 12)
-                        .frame(maxWidth: .infinity)
-                        .cornerRadius(6, corners: corners)
-                }
+                Capsule()
+                    .fill(Color.sms(.primary(.p2)))
+                    .frame(width: CGFloat(12 + Int(geometry.size.width) / (pageCount - 1) * selectedPage), height: 12)
             }
+            .padding(2)
+            .background(Color.sms(.neutral(.n10)))
+            .cornerRadius(20)
         }
-        .padding(2)
-        .background(Color.sms(.neutral(.n10)))
-        .cornerRadius(20)
+        .frame(height: 12)
     }
 }
diff --git a/Projects/Feature/InputInformationBaseFeature/Sources/InputInformationPageTitleView.swift b/Projects/Feature/InputInformationBaseFeature/Sources/InputInformationPageTitleView.swift
@@ -22,6 +22,7 @@ public struct InputInformationPageTitleView: View {
     public var body: some View {
         VStack(spacing: 16) {
             SMSPageControl(pageCount: pageCount, selectedPage: selectedPage)
+                .padding(.horizontal, 20)
 
             SMSSeparator()