Merge pull request #1 from NickCulbertson/main

Add border to keys

Author: aure

Demo/KeyboardDemo.xcodeproj/project.xcworkspace/xcshareddata/swiftpm/Package.resolved

@@ -55,7 +55,7 @@ public struct Keyboard<Content>: View where Content: View {
     }
 
     var isomorphicBody: some View {
-        HStack(spacing: 1) {
+        HStack(spacing: 0) {
             ForEach(pitchRange, id: \.self) { pitch in
                 KeyContainer(model: model,
                              pitch: pitch,
@@ -66,12 +66,12 @@ public struct Keyboard<Content>: View where Content: View {
                              content: content)
             }
         }
-        .frame(minWidth: 600, minHeight: 100)
+        .frame(minWidth: 100, minHeight: 100)
         .clipShape(Rectangle())
     }
 
     var pianoRollBody: some View {
-        VStack(spacing: 1) {
+        VStack(spacing: 0) {
             ForEach(pitchRange, id: \.self) { pitch in
                 KeyContainer(model: model,
                              pitch: pitch,
@@ -82,15 +82,15 @@ public struct Keyboard<Content>: View where Content: View {
                              content: content)
             }
         }
-        .frame(minWidth: 100, minHeight: 600)
+        .frame(minWidth: 100, minHeight: 100)
         .clipShape(Rectangle())
     }
 
 
     var pianoBody: some View {
 
         ZStack {
-            HStack(spacing: 1) {
+            HStack(spacing: 0) {
                 ForEach(whiteKeys, id: \.self) { pitch in
                     KeyContainer(model: model,
                                  pitch: pitch,
@@ -101,7 +101,7 @@ public struct Keyboard<Content>: View where Content: View {
                 }
             }
             VStack {
-                HStack(spacing: 1) {
+                HStack(spacing: 0) {
                     ForEach(whiteKeys, id: \.self) { pitch in
                         KeyContainer(model: model,
                                      pitch: Pitch(intValue: pitch.intValue + 1),
@@ -115,7 +115,7 @@ public struct Keyboard<Content>: View where Content: View {
                 Spacer()
             }
         }
-        .frame(minWidth: 600, minHeight: 100)
+        .frame(minWidth: 100, minHeight: 100)
         .clipShape(Rectangle())
     }
 }

Sources/Keyboard/Keyboard.swift

@@ -49,6 +49,8 @@ public struct KeyboardKey: View {
                 RoundedRectangle(cornerSize: CGSize(width: minDimension(proxy.size) / 8.0,
                                                     height: minDimension(proxy.size) / 8.0))
                     .foregroundColor(keyColor)
+                    .overlay(RoundedRectangle(cornerRadius: minDimension(proxy.size) / 8.0)
+                            .strokeBorder(Color.black, lineWidth: 0.5))
                 Text(text)
                     .font(Font(.init(.system, size: minDimension(proxy.size) / 3)))
                     .foregroundColor(textColor)