Mini Prototype for an Xcode Shortcut Trainer

ShortCutTrainer.swift

//
//  ShortCutTrainer.swift
//  xcode-shortcut-trainer
//
//  Created by Denise Nepraunig on 04.04.21.
//

import SwiftUI

struct ShortCutTrainer: View {
    @State var showAnswer = false
    @State var index = 0
    @State var finished = false

    // data structure should be improved, first POV :-)
    let description = ["Build", "Run", "Test"]
    let keys: [Character] = ["b", "r", "u"]
    let keyModifier: [EventModifiers] = [[.command], [.command], [.command]]

    let modifierName = [ EventModifiers.command.rawValue : "CMD"]

    var modifierKeyName: String {
        let rawValue = keyModifier[index].rawValue
        let keyName = modifierName[rawValue] ?? ""
        return keyName
    }

    var body: some View {
        VStack {
            Text("Xcode Shortcut Trainer")
                .font(.title)
                .padding()

            if !finished {
            Button(description[index], action: {
                showAnswer = true

                DispatchQueue.main.asyncAfter(deadline: .now() + 2) {
                    if index < description.count - 1 {
                        index += 1
                        showAnswer = false
                    } else {
                        finished = true
                        index = 0
                    }
                }
            })
            .keyboardShortcut(KeyEquivalent(keys[index]), modifiers: keyModifier[index])

            // Text is alwyas visible to prevent 'jumping' in VStack layout rendering
            Text(showAnswer ? "\(modifierKeyName) +  \(keys[index].uppercased())" : " ")
                .font(.title)
                .padding()
                .foregroundColor(Color(.systemPurple) )
            } else {
                Button("Restart", action: {
                    showAnswer = false
                    finished = false
                })

                Text("Finished ;-)")
                    .font(.title)
                    .padding()
                    .foregroundColor(Color(.systemPurple) )
            }
        }
        .frame(minWidth: 400, idealWidth: 400, maxWidth: 400, minHeight: 400, idealHeight: 400, maxHeight: 400, alignment: .center)
    }
}

struct ShortCutTrainer_Previews: PreviewProvider {
    static var previews: some View {
        ShortCutTrainer()
    }
}

Press the correct shortcut to activate the button. If you don't know the answer, press the button.

Currently I don't know how to distinguish if the button was pressed via the correct shortcut or via a tap.

Resources

• Keyboard shortcuts SwiftUI Apple Docs
• Keyboard shortcuts in SwiftUI by Majid
• Modifier Keys SwiftUI by SwiftOnTap
• KeyEquivalent SwiftUI by SwiftOnTap
• ButtonStyles SwiftUI by Sarunw