feat: 키보드 숫자 랜덤 위치 UI 구성

bumssooooo · Nov 4, 2022 · 6a4be0f · 6a4be0f
1 parent a437d2e
commit 6a4be0f
Show file tree

Hide file tree

Showing 5 changed files with 239 additions and 199 deletions.
diff --git a/Example/RandomNumberTextField/ViewController.swift b/Example/RandomNumberTextField/ViewController.swift
@@ -27,7 +27,6 @@ class ViewController: UIViewController {
         cbKeyboard.widthAnchor.constraint(equalToConstant: 120.0).isActive = true
         cbKeyboard.centerXAnchor.constraint(equalTo: view.centerXAnchor).isActive = true
         cbKeyboard.centerYAnchor.constraint(equalTo: view.centerYAnchor).isActive = true
-        cbKeyboard.setKeyboardBackgroundColor(.red)
     }
 }
 

diff --git a/README.md b/README.md
@@ -7,7 +7,7 @@
 
 
 ## 📸 Preview
-<img src="https://user-images.githubusercontent.com/73675540/198973316-f814734d-235d-44a4-a8e4-bc2f994e5b94.gif" width="40%" height="40%/"><br>
+<img src="https://user-images.githubusercontent.com/73675540/199937967-98e03144-1511-47d6-8487-8316629cf39d.gif" width="40%" height="40%/"><br>
 
 ## 🏗 Installation
 * [CocoaPods](https://guides.cocoapods.org/using/using-cocoapods.html):

diff --git a/RandomNumberTextField/Classes/RandomNumberKeyboard.swift b/RandomNumberTextField/Classes/RandomNumberKeyboard.swift
@@ -8,127 +8,125 @@
 import UIKit
 
 protocol RandomNumberKeyboardDelegate {
-    func outputData(_ num: Int?)
+    func outputData(_ input: KeyboardIput)
+}
+
+enum KeyboardIput {
+    enum Order {
+        case delete, clear, complete
+    }
+
+    case number(Int)
+    case order(Order)
 }
 
 class RandomNumberKeyboard: UIView {
-    @IBOutlet var oneButton: UIButton!
-    @IBOutlet var twoButton: UIButton!
-    @IBOutlet var threeButton: UIButton!
-    @IBOutlet var fourButton: UIButton!
-    @IBOutlet var fiveButton: UIButton!
-    @IBOutlet var sixButton: UIButton!
-    @IBOutlet var sevenButton: UIButton!
-    @IBOutlet var eightButton: UIButton!
-    @IBOutlet var nineButton: UIButton!
-    @IBOutlet var zeroButton: UIButton!
-    @IBOutlet var deleteButton: UIButton!
+    @IBOutlet var numberButtons: [UIButton]!
+    @IBOutlet weak var deleteButton: UIButton!
+    @IBOutlet weak var clearButton: UIButton!
+    @IBOutlet weak var completeButton: UIButton!
+    private var allButtons: [UIButton] {
+        return numberButtons + [deleteButton, clearButton, completeButton]
+    }
 
     static let ideytifier = "RandomNumberKeyboard"
-    private var numbers = [0, 1, 2, 3, 4, 5, 6, 7, 8, 9]
+    private var numbers: [Int?] = []
     var delegate: RandomNumberKeyboardDelegate?
-
+    
     internal func configure() {
-        setBackgroundColor(.black)
-        setFont(UIFont.systemFont(ofSize: 24.0, weight: .bold))
-        setTitleColor(.white, for: .normal)
-        shuffleNumbers()
+        addTargetNumberButtons()
+        setButtonsCornerRadius(4.0)
+        shuffleNumberButtons()
+    }
+
+    internal func shuffleNumberButtons() {
+        numbers = makeRandomNumbers()
+        configureNumberButtons()
+    }
+}
+
+// MARK: Configure Methods
+
+private  extension RandomNumberKeyboard {
+    // generate random numbers
+    func makeRandomNumbers() -> [Int?] {
+        var numbers: [Int?] = []
+        (0..<numberButtons.count).forEach {
+            $0 <= 9 ? numbers.append($0) : numbers.append(nil)
+        }
+        return numbers.shuffled()
+    }
+
+    // configure number buttons by random numbers
+    func configureNumberButtons() {
+        zip(numbers, numberButtons).forEach { number, button in
+            guard let number = number else {
+                button.setTitle("", for: .normal)
+                button.isEnabled = false
+                button.backgroundColor = .clear
+                return
+            }
+            button.setTitle(number.toString, for: .normal)
+            button.isEnabled = true
+            button.backgroundColor = .white
+        }
+    }
+
+    // add target number buttons
+    func addTargetNumberButtons() {
+        numberButtons.enumerated().forEach { index, button in
+            button.tag = index
+            button.addTarget(self, action: #selector(numberButtonTapped), for: .touchUpInside)
+        }
     }
 }
 
+// MARK: Attribute Methods
+
 internal extension RandomNumberKeyboard {
     func setBackgroundColor(_ color: UIColor?) {
         backgroundColor = color
     }
 
     func setFont(_ font: UIFont) {
-        [
-            zeroButton,
-            oneButton,
-            twoButton,
-            threeButton,
-            fourButton,
-            fiveButton,
-            sixButton,
-            sevenButton,
-            eightButton,
-            nineButton,
-        ].enumerated().forEach { idx, button in
-            button?.titleLabel?.font = font
+        allButtons.forEach { button in
+            button.titleLabel?.font = font
         }
     }
 
     func setTitleColor(_ color: UIColor?, for state: UIControl.State) {
-        [
-            zeroButton,
-            oneButton,
-            twoButton,
-            threeButton,
-            fourButton,
-            fiveButton,
-            sixButton,
-            sevenButton,
-            eightButton,
-            nineButton,
-        ].enumerated().forEach { idx, button in
-            button?.setTitleColor(color, for: state)
+        allButtons.forEach { button in
+            button.setTitleColor(color, for: state)
         }
         deleteButton.tintColor = color
     }
-
-    func shuffleNumbers() {
-        numbers = numbers.shuffled()
-
-        [
-            zeroButton,
-            oneButton,
-            twoButton,
-            threeButton,
-            fourButton,
-            fiveButton,
-            sixButton,
-            sevenButton,
-            eightButton,
-            nineButton,
-        ].enumerated().forEach { idx, button in
-            button?.setTitle(numbers[idx].toString, for: .normal)
+
+    private func setButtonsCornerRadius(_ cornerRadius: Double) {
+        allButtons.forEach { button in
+            button.layer.cornerRadius = cornerRadius
         }
     }
 }
 
 private extension RandomNumberKeyboard {
-    @IBAction func oneButtonTapped(_ sender: Any) {
-        delegate?.outputData(numbers[1])
-    }
-    @IBAction func twoButtonTapped(_ sender: Any) {
-        delegate?.outputData(numbers[2])
-    }
-    @IBAction func threeButtonTapped(_ sender: Any) {
-        delegate?.outputData(numbers[3])
-    }
-    @IBAction func fourButtonTapped(_ sender: Any) {
-        delegate?.outputData(numbers[4])
-    }
-    @IBAction func fiveButtonTapped(_ sender: Any) {
-        delegate?.outputData(numbers[5])
-    }
-    @IBAction func sixButtonTapped(_ sender: Any) {
-        delegate?.outputData(numbers[6])
-    }
-    @IBAction func sevenButtonTapped(_ sender: Any) {
-        delegate?.outputData(numbers[7])
-    }
-    @IBAction func eightButtonTapped(_ sender: Any) {
-        delegate?.outputData(numbers[8])
+    @objc func numberButtonTapped(sender: UIButton) {
+        let index = sender.tag
+        guard numbers.count > index,
+              let number = numbers[index] else {
+            return
+        }
+        delegate?.outputData(KeyboardIput.number(number))
     }
-    @IBAction func nineButtonTapped(_ sender: Any) {
-        delegate?.outputData(numbers[9])
+
+    @IBAction func deleteButtonTapped(_ sender: Any) {
+        delegate?.outputData(KeyboardIput.order(.delete))
     }
-    @IBAction func zeroButtonTapped(_ sender: Any) {
-        delegate?.outputData(numbers[0])
+
+    @IBAction func clearButtonTapped(_ sender: Any) {
+        delegate?.outputData(KeyboardIput.order(.clear))
     }
-    @IBAction func deleteButtonTapped(_ sender: Any) {
-        delegate?.outputData(nil)
+    @IBAction func completeButtonTapped(_ sender: Any) {
+        delegate?.outputData(KeyboardIput.order(.complete))
     }
 }