RecordDetailView

Recorder/RecordDetailView.swift

@@ -5,6 +5,7 @@
 //  Created by 김보승 on 2022/06/13.
 //
 
+
 import SwiftUI
 
 struct RecordDetailView: View {
@@ -14,6 +15,25 @@ struct RecordDetailView: View {
         ZStack {
             Color.background.edgesIgnoringSafeArea(.all)
             RecordBackground()
+            VStack {
+                HStack{
+                    Spacer()
+                    Menu(content: {
+    Button(action: {}) { // TODO: antion내에 편집 기능 예정
+        Label("수정", systemImage: "pencil")
+    }
+    Button(action: {}) { // TODO: Soi코딩 중인 스크린샷 기능 예정
+        Label("이미지로 저장", systemImage: "square.and.arrow.down")
+    }
+    Button(role: .destructive, action: {}) { // TODO: action에 삭제 Alert띄우기 및 삭제 기능 예정
+        Label("삭제", systemImage: "trash")
+    }
+}, label: {
+    Image(systemName: "ellipsis")
+        .foregroundColor(.pointBlue)
+})
+                }.padding(.trailing)
+
             HStack {
                 VStack(alignment: .leading) {
                     Text("일이삼사오육칠팔구십일이삼사오육") // TODO: "music.title"
@@ -29,38 +49,41 @@ struct RecordDetailView: View {
                         .foregroundColor(.titleDarkgray)
                     Spacer()
                 }// MusicInform VStack End
-                .padding(.leading, 5)
+                .padding(.top, 10)
                 Spacer()
             } // MusicImform HStack End
-            .padding(.leading, 23)
-            VStack {
-
+            .padding(.leading, 28)
+            }
+
+            ZStack {
                 HStack(alignment: .center) {
 
                     Button(action: {}, // TODO: action 내에 클릭시 모달을 통해 이미지 띄우는 기능 추가 예정
                            label: {
                         Image("PhotoComp") // 이미지 삽입
                             .padding()
-                    }).offset(y: -70)
+                    }).offset(y: -110)
                     Spacer()
 
                     Button(action: {}, label: { // TODO: CD돌아가는 애니메이션 출력..?
-                        Image("CdPlayer")
-                            .padding(.trailing, 20.0)
-                    })
-                }.offset(y: 110)
+                        CDPlayerComp()
+                    }).offset(y: -10)
+                }.offset(y: 80)
                     .padding()
 
                 VStack(alignment: .leading) {
+
+                    Button(action: {}, label: { // TODO: action 내에 클릭시 모달을 통해 이미지 띄우는 기능 추가 예정
+                        Image("LylicComp") // 가사 입력
+                    }).offset(y: 130)
+
                     Spacer()
 
                     Button(action: {}, label: { // TODO: action 내에 클릭시 모달을 통해 StoryView 추가 예정
                         Image("StoryComp") // 스토리 입력
-                    }).offset(x: 20,y: -50)
+                    }).offset(x: 20,y: -100)
+
 
-                    Button(action: {}, label: { // TODO: action 내에 클릭시 모달을 통해 이미지 띄우는 기능 추가 예정
-                        Image("LylicComp") // 가사 입력
-                    }).offset(y: -30)
                 }.offset(y: -20)
                 Spacer()
 
@@ -81,8 +104,34 @@ struct RecordBackground: View {
         HStack {
             Spacer()
             Image("backwindow")
-        }.padding(.top, 70.0)
+        }.padding(.top, 60.0)
         Spacer()
     }
 }
 }
+
+struct CDPlayerComp: View {
+    var body: some View {
+        ZStack {
+            Image("CdPlayer")
+                .padding(.trailing, 20.0)
+
+
+
+            ZStack {
+                Circle()
+                    .foregroundColor(.titleLightgray)
+                    .frame(width: 30 , height: 30)
+                Circle()
+                    .foregroundColor(.titleDarkgray)
+                    .frame(width: 15 , height: 15)
+                    .shadow(color: Color(.gray), radius: 4, x: 0, y: 4)
+                Circle()
+                    .foregroundColor(.background)
+                    .frame(width: 3 , height: 3)
+            }.offset(x: -9.5, y: -130)
+            // Z스택
+
+        }// ZStack End
+    }
+}