通知画面雛形作成

Seilassist/Sailassist.xcodeproj/project.pbxproj

@@ -44,6 +44,7 @@
 		022789092AE1FE4C00A87787 /* Turf.xcframework in Embed Frameworks */ = {isa = PBXBuildFile; fileRef = 022788F72AE1FE3C00A87787 /* Turf.xcframework */; settings = {ATTRIBUTES = (CodeSignOnCopy, RemoveHeadersOnCopy, ); }; };
 		0227890C2AE22E0B00A87787 /* SharingData.swift in Sources */ = {isa = PBXBuildFile; fileRef = 0227890B2AE22E0B00A87787 /* SharingData.swift */; };
 		022A98202AF8B8960079C55A /* LocationCalculation.swift in Sources */ = {isa = PBXBuildFile; fileRef = 022A981F2AF8B8960079C55A /* LocationCalculation.swift */; };
+		023DB8282B1429E400B351CF /* NotificationContentView.swift in Sources */ = {isa = PBXBuildFile; fileRef = 023DB8272B1429E400B351CF /* NotificationContentView.swift */; };
 		024EDE1B2B0C41E40013BAC8 /* MenuSettingView.swift in Sources */ = {isa = PBXBuildFile; fileRef = 024EDE1A2B0C41E40013BAC8 /* MenuSettingView.swift */; };
 		024EDE1D2B0C42F70013BAC8 /* MenuGpsSelectView.swift in Sources */ = {isa = PBXBuildFile; fileRef = 024EDE1C2B0C42F70013BAC8 /* MenuGpsSelectView.swift */; };
 		025C27FA2AFE119D00BADC49 /* MenuTitleView.swift in Sources */ = {isa = PBXBuildFile; fileRef = 025C27F92AFE119D00BADC49 /* MenuTitleView.swift */; };
@@ -171,6 +172,7 @@
 		022788FA2AE1FE3D00A87787 /* MapboxMaps.xcframework */ = {isa = PBXFileReference; lastKnownFileType = wrapper.xcframework; path = MapboxMaps.xcframework; sourceTree = "<group>"; };
 		0227890B2AE22E0B00A87787 /* SharingData.swift */ = {isa = PBXFileReference; lastKnownFileType = sourcecode.swift; path = SharingData.swift; sourceTree = "<group>"; };
 		022A981F2AF8B8960079C55A /* LocationCalculation.swift */ = {isa = PBXFileReference; fileEncoding = 4; lastKnownFileType = sourcecode.swift; name = LocationCalculation.swift; path = Sailassist/Location/LocationCalculation.swift; sourceTree = SOURCE_ROOT; };
+		023DB8272B1429E400B351CF /* NotificationContentView.swift */ = {isa = PBXFileReference; lastKnownFileType = sourcecode.swift; name = NotificationContentView.swift; path = Sailassist/Alert/View/NotificationContentView.swift; sourceTree = SOURCE_ROOT; };
 		024EDE1A2B0C41E40013BAC8 /* MenuSettingView.swift */ = {isa = PBXFileReference; lastKnownFileType = sourcecode.swift; name = MenuSettingView.swift; path = Sailassist/Menu/View/MenuSettingView.swift; sourceTree = SOURCE_ROOT; };
 		024EDE1C2B0C42F70013BAC8 /* MenuGpsSelectView.swift */ = {isa = PBXFileReference; lastKnownFileType = sourcecode.swift; name = MenuGpsSelectView.swift; path = Sailassist/Menu/View/MenuGpsSelectView.swift; sourceTree = SOURCE_ROOT; };
 		025C27F92AFE119D00BADC49 /* MenuTitleView.swift */ = {isa = PBXFileReference; lastKnownFileType = sourcecode.swift; name = MenuTitleView.swift; path = Sailassist/Menu/View/MenuTitleView.swift; sourceTree = SOURCE_ROOT; };
@@ -434,6 +436,7 @@
 		020B98602ADD149E0029DE4C /* Alert */ = {
 			isa = PBXGroup;
 			children = (
+				023DB8262B1429CE00B351CF /* View */,
 				020B98642ADD14F60029DE4C /* NotificationView.swift */,
 			);
 			path = Alert;
@@ -508,6 +511,14 @@
 			path = ServerSession;
 			sourceTree = "<group>";
 		};
+		023DB8262B1429CE00B351CF /* View */ = {
+			isa = PBXGroup;
+			children = (
+				023DB8272B1429E400B351CF /* NotificationContentView.swift */,
+			);
+			path = View;
+			sourceTree = "<group>";
+		};
 		02A1DE2D2AFB497B005BCF55 /* View */ = {
 			isa = PBXGroup;
 			children = (
@@ -891,6 +902,7 @@
 				02CE4D852ADF6295002E79BC /* TaskSwitchingMenuView.swift in Sources */,
 				D5CB6F9F2B0220A700EC2010 /* ErrorView.swift in Sources */,
 				D5CB6F992B02088C00EC2010 /* ResShipStatus.swift in Sources */,
+				023DB8282B1429E400B351CF /* NotificationContentView.swift in Sources */,
 				027EF9F22B0D804C0079B825 /* WebView.swift in Sources */,
 				020B984B2AD915810029DE4C /* QRReadView.swift in Sources */,
 				02A1DE332AFB654A005BCF55 /* CustomCornerRadius.swift in Sources */,

Seilassist/Sailassist/Alert/NotificationView.swift

@@ -9,7 +9,51 @@ import SwiftUI
 
 struct NotificationView: View {
     var body: some View {
-        Text("Alert")
+        VStack(spacing: 0){
+            TitleView()
+            
+            NotificationContentView()
+            
+            Divider()
+                .frame(height: 1)
+                .background(ColorSet.LineColor04.color)
+            
+            Spacer()
+        }
+        .background(ColorSet.BackgroundPrimary.color)
+    }
+    
+    struct TitleView: View {
+        var body: some View {
+            VStack {
+                HStack {
+                    Button{
+                    }label: {
+                    }
+                    .disabled(true)
+                    .frame(width: 48, height: 48)
+                    
+                    Spacer()
+                    HStack(spacing: 0) {
+                        Text("Notice")
+                            .font(FontStyle.TitleL.font)
+                            .foregroundColor(ColorSet.Body.color)
+                    }
+                    
+                    Spacer()
+
+                    Button{
+                    }label: {
+                    }
+                    .disabled(true)
+                    .frame(width: 48, height: 48)
+                }
+                .frame(height: 60)
+                
+                Divider()
+                    .background(ColorSet.LineColor04.color)
+            }
+        }
     }
 }
 

Seilassist/Sailassist/Alert/View/NotificationContentView.swift

+//
+//  NotificationContentView.swift
+//  Sailassist
+//
+//  Created by Mamoru Sugita on 2023/11/27.
+//
+
+import SwiftUI
+
+struct NotificationContentView: View {
+    var body: some View {
+        VStack(alignment: .leading, spacing: 4){
+            HStack(spacing: 10) {
+                Text("2023-07-13T08::17:40Z")
+                    .foregroundColor(ColorSet.BodyDescriptiion.color)
+                    .font(FontStyle.SupplementText2.font)
+                
+                Text("Emergency")
+                    .padding(EdgeInsets(top: 4, leading: 8, bottom: 4, trailing: 8))
+                    .border(ColorSet.Body.color, width: 1, cornerRadius: 4)
+                    .foregroundColor(ColorSet.Body.color)
+                    .font(FontStyle.SupplementText2.font)
+                
+                Spacer()
+            }
+            
+            Text("JTest-Ship")
+                .foregroundColor(ColorSet.Body.color)
+                .font(FontStyle.EmphasisText.font)
+            
+            Text("Fire emergency notice from ship")
+                .foregroundColor(ColorSet.BodyDescriptiion.color)
+                .font(FontStyle.SupplementText2.font)
+        }
+        .padding(EdgeInsets(top: 17, leading: 30, bottom: 17, trailing: 30))
+        
+    }
+}
+
+#Preview {
+    NotificationContentView()
+}