[FEAT] TeamNADA#85 그룹 선택 pickerView 생성

NADA-iOS-forRelease/Sources/ViewControllers/BottomSheet/SelectGroupBottomSheetViewController.swift

@@ -9,10 +9,103 @@ import UIKit
 
 class SelectGroupBottomSheetViewController: CommonBottomSheetViewController {
 
+    // MARK: - Properties
+    var groupList = ["미분류", "SOPT", "동아리", "인하대학교"]
+    var selectedGroup = ""
+
+    private let groupPicker: UIPickerView = {
+        let pickerView = UIPickerView()
+        pickerView.autoresizingMask = .flexibleWidth
+
+        return pickerView
+    }()
+
+    private let doneButton: UIButton = {
+        let button = UIButton()
+        button.setImage(UIImage(named: "btnMainDone"), for: .normal)
+        button.addTarget(self, action: #selector(presentCardInfoViewController), for: .touchUpInside)
+
+        return button
+    }()
+
     override func viewDidLoad() {
         super.viewDidLoad()
-
+        setupUI()
+    }
+
+    // MARK: - @Functions
+    // UI 세팅 작업
+    private func setupUI() {
+        view.addSubview(groupPicker)
+        view.addSubview(doneButton)
+        selectedGroup = groupList[0]
+        groupPicker.delegate = self
+        groupPicker.dataSource = self
+        setupLayout()
+    }
+
+    // 레이아웃 세팅
+    private func setupLayout() {
+        groupPicker.selectedRow(inComponent: 0)
+        groupPicker.translatesAutoresizingMaskIntoConstraints = false
+        NSLayoutConstraint.activate([
+            groupPicker.topAnchor.constraint(equalTo: titleLabel.bottomAnchor, constant: 14),
+            groupPicker.centerXAnchor.constraint(equalTo: bottomSheetView.centerXAnchor)
+        ])
 
+        doneButton.translatesAutoresizingMaskIntoConstraints = false
+        NSLayoutConstraint.activate([
+            doneButton.topAnchor.constraint(equalTo: groupPicker.bottomAnchor, constant: 0),
+            doneButton.centerXAnchor.constraint(equalTo: bottomSheetView.centerXAnchor)
+        ])
     }
+
+    @objc func presentCardInfoViewController() {
+        print("presentCardInfoViewController")
+        print(selectedGroup)
+    }
+
+}
 
+extension SelectGroupBottomSheetViewController: UIPickerViewDelegate, UIPickerViewDataSource {
+    func numberOfComponents(in pickerView: UIPickerView) -> Int {
+        return 1
+    }
+
+    func pickerView(_ pickerView: UIPickerView, numberOfRowsInComponent component: Int) -> Int {
+        return groupList.count
+    }
+
+    func pickerView(_ pickerView: UIPickerView, viewForRow row: Int, forComponent component: Int, reusing view: UIView?) -> UIView {
+        let label = (view as? UILabel) ?? UILabel()
+
+        label.textColor = .quaternary
+        label.textAlignment = .center
+        label.font = UIFont(name: "SpoqaHanSansNeo-Regular", size: 16)
+
+        if pickerView.selectedRow(inComponent: component) == row {
+            label.attributedText = NSAttributedString(string: groupList[row], attributes: [NSAttributedString.Key.font: UIFont(name: "SpoqaHanSansNeo-Bold", size: 16.0)!, NSAttributedString.Key.foregroundColor: UIColor.mainColorNadaMain])
+
+        } else {
+            label.attributedText = NSAttributedString(string: groupList[row], attributes: [NSAttributedString.Key.font: UIFont(name: "SpoqaHanSansNeo-Regular", size: 16.0)!, NSAttributedString.Key.foregroundColor: UIColor.quaternary])
+        }
+
+        label.text = groupList[row]
+
+        return label
+    }
+
+    func pickerView(_ pickerView: UIPickerView, didSelectRow row: Int, inComponent component: Int) {
+        print("select=\(groupList[row])")
+        selectedGroup = groupList[row]
+        pickerView.reloadAllComponents()
+    }
+
+    func pickerView(_ pickerView: UIPickerView, rowHeightForComponent component: Int) -> CGFloat {
+        return 44
+    }
+
+    func pickerView(_ pickerView: UIPickerView, widthForComponent component: Int) -> CGFloat {
+        return 200
+    }
 }