🔀::MainMissionView UI 작성

App/Resources/Colors/Medal.xcassets/Contents.json

@@ -0,0 +1,6 @@
+{
+"info" : {
+"author" : "xcode",
+"version" : 1
+ }
+}

App/Resources/Colors/Medal.xcassets/FirstPlace.colorset/Contents.json

@@ -0,0 +1,38 @@
+{
+ "colors" : [
+ {
+ "color" : {
+ "color-space" : "srgb",
+ "components" : {
+ "alpha" : "1.000",
+ "blue" : "0x9B",
+ "green" : "0xD7",
+ "red" : "0xFF"
+ }
+ },
+ "idiom" : "universal"
+ },
+ {
+ "appearances" : [
+ {
+ "appearance" : "luminosity",
+ "value" : "dark"
+ }
+ ],
+ "color" : {
+ "color-space" : "srgb",
+ "components" : {
+ "alpha" : "1.000",
+ "blue" : "0x9B",
+ "green" : "0xD7",
+ "red" : "0xFF"
+ }
+ },
+ "idiom" : "universal"
+ }
+ ],
+ "info" : {
+ "author" : "xcode",
+ "version" : 1
+ }
+}

App/Resources/Colors/Medal.xcassets/SecondPlace.colorset/Contents.json

@@ -0,0 +1,38 @@
+{
+ "colors" : [
+ {
+ "color" : {
+ "color-space" : "srgb",
+ "components" : {
+ "alpha" : "1.000",
+ "blue" : "0xD9",
+ "green" : "0xD9",
+ "red" : "0xD9"
+ }
+ },
+ "idiom" : "universal"
+ },
+ {
+ "appearances" : [
+ {
+ "appearance" : "luminosity",
+ "value" : "dark"
+ }
+ ],
+ "color" : {
+ "color-space" : "srgb",
+ "components" : {
+ "alpha" : "1.000",
+ "blue" : "0xD9",
+ "green" : "0xD9",
+ "red" : "0xD9"
+ }
+ },
+ "idiom" : "universal"
+ }
+ ],
+ "info" : {
+ "author" : "xcode",
+ "version" : 1
+ }
+}

App/Resources/Colors/Medal.xcassets/ThirdPlace.colorset/Contents.json

@@ -0,0 +1,38 @@
+{
+ "colors" : [
+ {
+ "color" : {
+ "color-space" : "srgb",
+ "components" : {
+ "alpha" : "1.000",
+ "blue" : "0x5D",
+ "green" : "0x86",
+ "red" : "0xCE"
+ }
+ },
+ "idiom" : "universal"
+ },
+ {
+ "appearances" : [
+ {
+ "appearance" : "luminosity",
+ "value" : "dark"
+ }
+ ],
+ "color" : {
+ "color-space" : "srgb",
+ "components" : {
+ "alpha" : "1.000",
+ "blue" : "0x5D",
+ "green" : "0x86",
+ "red" : "0xCE"
+ }
+ },
+ "idiom" : "universal"
+ }
+ ],
+ "info" : {
+ "author" : "xcode",
+ "version" : 1
+ }
+}

App/Resources/Images/Banner.xcassets/BannerImage_1.imageset/Contents.json

@@ -1,17 +1,17 @@
 {
  "images" : [
  {
- "filename" : "banner1.png",
+ "filename" : "SKBanner.png",
  "idiom" : "universal",
  "scale" : "1x"
  },
  {
- "filename" : "banner1 1.png",
+ "filename" : "SKBanner 1.png",
  "idiom" : "universal",
  "scale" : "2x"
  },
  {
- "filename" : "banner1 2.png",
+ "filename" : "SKBanner 2.png",
  "idiom" : "universal",
  "scale" : "3x"
  }

App/Resources/Images/Banner.xcassets/BannerImage_2.imageset/Contents.json

@@ -1,17 +1,17 @@
 {
  "images" : [
  {
- "filename" : "banner22.png",
+ "filename" : "SKBanner2.png",
  "idiom" : "universal",
  "scale" : "1x"
  },
  {
- "filename" : "banner22 1.png",
+ "filename" : "SKBanner2 1.png",
  "idiom" : "universal",
  "scale" : "2x"
  },
  {
- "filename" : "banner22 2.png",
+ "filename" : "SKBanner2 2.png",
  "idiom" : "universal",
  "scale" : "3x"
  }

App/Resources/Images/Banner.xcassets/BannerImage_3.imageset/Contents.json

@@ -1,17 +1,17 @@
 {
  "images" : [
  {
- "filename" : "banner3.png",
+ "filename" : "SKBanner3.png",
  "idiom" : "universal",
  "scale" : "1x"
  },
  {
- "filename" : "banner3 1.png",
+ "filename" : "SKBanner3 1.png",
  "idiom" : "universal",
  "scale" : "2x"
  },
  {
- "filename" : "banner3 2.png",
+ "filename" : "SKBanner3 2.png",
  "idiom" : "universal",
  "scale" : "3x"
  }

App/Sources/DesignSystem/Banner/BannerView.swift

@@ -0,0 +1,28 @@
+import SwiftUI
+
+struct BannerView: View {
+ @State private var currentIndex = 0
+
+ let timer = Timer.publish(every: 3, on: .main, in: .common).autoconnect()
+
+ var body: some View {
+ TabView(selection: $currentIndex) {
+ SKBannerImage(.Banner1)
+ .tag(0)
+
+ SKBannerImage(.Banner2)
+ .tag(1)
+
+ SKBannerImage(.Banner3)
+ .tag(2)
+ }
+ .tabViewStyle(PageTabViewStyle())
+ .indexViewStyle(PageIndexViewStyle(backgroundDisplayMode: .automatic))
+ .frame(height: 180)
+ .onReceive(timer) { _ in
+ withAnimation {
+ currentIndex = (currentIndex + 1) % 3
+ }
+ }
+ }
+}

App/Sources/DesignSystem/Color/Color+sk.swift

@@ -4,12 +4,14 @@ public extension Color {
  enum SKColorSystem {
  case main(Main)
  case gray(Gray)
+ case medal(Medal)
  }
 
  static func sk(_ style: SKColorSystem) -> Color {
  switch style {
  case let .main(colorable as SKColorable),
- let .gray(colorable as SKColorable):
+ let .gray(colorable as SKColorable),
+ let .medal(colorable as SKColorable):
  return colorable.color
  }
  }

App/Sources/DesignSystem/Color/SKColorSystem+Medal.swift

@@ -0,0 +1,20 @@
+import SwiftUI
+
+public extension Color.SKColorSystem {
+ // swiftlint:disable identifier_name
+ enum Medal: SKColorable {
+ case firstplace
+ case secondplace
+ case thirdplace
+ }
+}
+
+public extension Color.SKColorSystem.Medal {
+ var color: Color {
+ switch self {
+ case .firstplace: return StackKnowledgeAsset.Medal.firstPlace.swiftUIColor
+ case .secondplace: return StackKnowledgeAsset.Medal.secondPlace.swiftUIColor
+ case .thirdplace: return StackKnowledgeAsset.Medal.thirdPlace.swiftUIColor
+ }
+ }
+}

App/Sources/DesignSystem/Extensions/View/LogoNavigationBar.swift

@@ -0,0 +1,47 @@
+import SwiftUI
+
+struct LogoNavigationBarModifier: ViewModifier {
+
+ var logo: Image = Image(asset: StackKnowledgeAsset.Logo.logoIcon)
+ var title: String = "Stack Knowledge"
+
+ func body(content: Content) -> some View {
+ content
+ .navigationBarBackButtonHidden(true)
+ .toolbar {
+ ToolbarItemGroup(placement: .navigationBarLeading) {
+ HStack {
+ logo
+ .resizable()
+ .aspectRatio(contentMode: .fit)
+ .frame(width: 20, height: 20)
+
+ Spacer()
+ .frame(width: 10)
+
+ Text(title)
+ .skFont(.r18)
+ }
+ }
+ ToolbarItem(placement: .navigationBarTrailing) {
+ Button(action: {
+
+ // logout 동작 필요.
+
+ }) {
+ Image(asset: StackKnowledgeAsset.Logout.logoutIcon)
+ .resizable()
+ .aspectRatio(contentMode: .fit)
+ .frame(width: 24, height: 24)
+ .foregroundColor(.primary)
+ }
+ }
+ }
+ }
+}
+
+public extension View {
+ func logoNavigationBar() -> some View {
+ self.modifier(LogoNavigationBarModifier())
+ }
+}

App/Sources/DesignSystem/Image/SKBannerImage.swift

@@ -19,19 +19,19 @@ public struct SKBannerImage: View {
  }
 
  public var body: some View {
-smsImageToImage()
+skImageToImage()
  .resizable()
  .renderingMode(renderingMode)
  }
 
- private func smsImageToImage() -> SwiftUI.Image {
+ private func skImageToImage() -> SwiftUI.Image {
  switch image {
  case .Banner1:
  return StackKnowledgeAsset.Banner.bannerImage1.swiftUIImage
  case .Banner2:
- return StackKnowledgeAsset.Banner.bannerImage1.swiftUIImage
+ return StackKnowledgeAsset.Banner.bannerImage2.swiftUIImage
  case .Banner3:
- return StackKnowledgeAsset.Banner.bannerImage1.swiftUIImage
+ return StackKnowledgeAsset.Banner.bannerImage3.swiftUIImage
  }
  }
 }

App/Sources/DesignSystem/Image/SKBaseProfileImage.swift

@@ -17,12 +17,12 @@ public struct SKBaseProfileImage: View {
  }
 
  public var body: some View {
-smsImageToImage()
+skImageToImage()
  .resizable()
  .renderingMode(renderingMode)
  }
 
- private func smsImageToImage() -> SwiftUI.Image {
+ private func skImageToImage() -> SwiftUI.Image {
  switch image {
  case .BaseProfileImage:
  return StackKnowledgeAsset.BaseProfile.baseProfileImage.swiftUIImage

App/Sources/DesignSystem/Image/SKSignUpImage.swift

@@ -17,12 +17,12 @@ public struct SKImage: View {
  }
 
  public var body: some View {
-smsImageToImage()
+skImageToImage()
  .resizable()
  .renderingMode(renderingMode)
  }
 
- private func smsImageToImage() -> SwiftUI.Image {
+ private func skImageToImage() -> SwiftUI.Image {
  switch image {
  case .SignUpBackground:
  return StackKnowledgeAsset.SignUp.signUpBackground.swiftUIImage

App/Sources/DesignSystem/View/MainMissionScrollView.swift

@@ -0,0 +1,44 @@
+import Service
+import SwiftUI
+
+struct MainMissionScrollView: View {
+ let missionDataList: [MissionListEntity]
+
+ var body: some View {
+ VStack {
+ ScrollView(.horizontal, showsIndicators: false) {
+ HStack(spacing: 16) {
+ ForEach(missionDataList.indices, id: \.self) { mission in
+ if let missionList = missionDataList[safe: mission] {
+ VStack(alignment: .center) {
+ Text(missionList.user.userName)
+ .skFont(.pm14)
+ .padding(.top, 16)
+
+ Text(missionList.missionTitle)
+ .skFont(.pr12)
+ .lineLimit(3)
+ .padding(.top, 16)
+ .padding(.horizontal, 16)
+
+ Spacer()
+
+ Text(missionList.missionPoint.description)
+ .skFont(.pm16)
+ .padding(.bottom, 24)
+ }
+ .padding(.init(top: 18, leading: 40, bottom: 18, trailing: 40))
+ .background(Color.white)
+ .cornerRadius(10)
+ }
+ }
+ }
+ }
+ .frame(height: 160)
+ .padding(.vertical, 16)
+ .padding(.horizontal, 16)
+ .background(Color.SKColorSystem.Gray.lightgray1.color)
+ .cornerRadius(20)
+ }
+ }
+}