[#19] HandySwitch 생성

Handy/Handy-Storybook/Assets.xcassets/icClose.imageset/Contents.json

@@ -0,0 +1,23 @@
+{
+  "images" : [
+    {
+      "filename" : "icClose.png",
+      "idiom" : "universal",
+      "scale" : "1x"
+    },
+    {
+      "filename" : "[email protected]",
+      "idiom" : "universal",
+      "scale" : "2x"
+    },
+    {
+      "filename" : "[email protected]",
+      "idiom" : "universal",
+      "scale" : "3x"
+    }
+  ],
+  "info" : {
+    "author" : "xcode",
+    "version" : 1
+  }
+}

Handy/Handy-Storybook/Assets.xcassets/icInfoCircle.imageset/Contents.json

@@ -0,0 +1,23 @@
+{
+  "images" : [
+    {
+      "filename" : "[email protected]",
+      "idiom" : "universal",
+      "scale" : "1x"
+    },
+    {
+      "filename" : "icInfoCircle.png",
+      "idiom" : "universal",
+      "scale" : "2x"
+    },
+    {
+      "filename" : "[email protected]",
+      "idiom" : "universal",
+      "scale" : "3x"
+    }
+  ],
+  "info" : {
+    "author" : "xcode",
+    "version" : 1
+  }
+}

Handy/Handy-Storybook/Atom/CheckBoxViewController.swift

@@ -0,0 +1,54 @@
+//
+//  CheckBoxViewController.swift
+//  Handy-Storybook
+//
+//  Created by 성현주 on 7/26/24.
+//
+
+import Handy
+
+final class CheckBoxViewController: BaseViewController {
+
+    let checkBox: HandyCheckBox = {
+        let checkBox = HandyCheckBox()
+        checkBox.setTintColor = .red
+        return checkBox
+    }()
+
+    let textCheckBox: HandyCheckBox = {
+        let checkBox = HandyCheckBox()
+        checkBox.text = "HandyCheckBox"
+        return checkBox
+    }()
+
+    let disabledCheckBox: HandyCheckBox = {
+        let checkBox = HandyCheckBox()
+        checkBox.isDisabled = true
+        return checkBox
+    }()
+
+    override func viewDidLoad() {
+        super.viewDidLoad()
+    }
+
+    override func setViewHierarchies() {
+        [checkBox, textCheckBox, disabledCheckBox].forEach {
+            view.addSubview($0)
+        }
+    }
+
+    override func setViewLayouts() {
+        checkBox.snp.makeConstraints {
+            $0.center.equalToSuperview()
+        }
+        textCheckBox.snp.makeConstraints {
+            $0.top.equalTo(checkBox.snp.bottom).offset(16)
+            $0.centerX.equalToSuperview()
+        }
+        disabledCheckBox.snp.makeConstraints {
+            $0.top.equalTo(textCheckBox.snp.bottom).offset(16)
+            $0.centerX.equalToSuperview()
+        }
+    }
+}
+

Handy/Handy-Storybook/Atom/ChipViewController.swift

@@ -0,0 +1,143 @@
+//
+//  ChipViewController.swift
+//  Handy-Storybook
+//
+//  Created by 서준영 on 7/29/24.
+//
+
+import UIKit
+import Handy
+import SnapKit
+
+class ChipViewController: BaseViewController {
+
+    //MARK: 프로퍼티 선언
+    let unTappedLargeChip: HandyChip = {
+        let chip = HandyChip()
+        chip.chipState = HandyChip.ChipState(type: .enabled)
+        chip.size = HandyChip.ChipSize(type: .large)
+        chip.isSelected = false
+        chip.text = "Label"
+        chip.leftIcon = UIImage(named: "icInfoCircle")
+        chip.rightIcon = UIImage(named: "icClose")
+        chip.addTarget(self, action: #selector(firstChip), for: .touchUpInside)
+        chip.translatesAutoresizingMaskIntoConstraints = false
+        return chip
+    }()
+
+    let unTappedSmallChip: HandyChip = {
+        let chip = HandyChip()
+        chip.chipState = HandyChip.ChipState(type: .enabled)
+        chip.size = HandyChip.ChipSize(type: .small)
+        chip.isSelected = false
+        chip.text = "Label"
+        chip.leftIcon = UIImage(named: "icInfoCircle")
+        chip.rightIcon = UIImage(named: "icClose")
+        chip.addTarget(self, action: #selector(secondChip), for: .touchUpInside)
+        chip.translatesAutoresizingMaskIntoConstraints = false
+        return chip
+    }()
+
+    let tappedLargeChip: HandyChip = {
+        let chip = HandyChip()
+        chip.chipState = HandyChip.ChipState(type: .enabled)
+        chip.size = HandyChip.ChipSize(type: .large)
+        chip.isSelected = true
+        chip.text = "Label"
+        chip.leftIcon = UIImage(named: "icInfoCircle")
+        chip.rightIcon = UIImage(named: "icClose")
+        chip.addTarget(self, action: #selector(thirdChip), for: .touchUpInside)
+        chip.translatesAutoresizingMaskIntoConstraints = false
+        return chip
+    }()
+
+    let tappedSmallChip: HandyChip = {
+        let chip = HandyChip()
+        chip.chipState = HandyChip.ChipState(type: .enabled)
+        chip.size = HandyChip.ChipSize(type: .small)
+        chip.isSelected = true
+        chip.text = "Label"
+        chip.leftIcon = UIImage(named: "icInfoCircle")
+        chip.rightIcon = UIImage(named: "icClose")
+        chip.addTarget(self, action: #selector(fourthChip), for: .touchUpInside)
+        chip.translatesAutoresizingMaskIntoConstraints = false
+        return chip
+    }()
+
+    let disabledLargeChip: HandyChip = {
+        let chip = HandyChip()
+        chip.chipState = HandyChip.ChipState(type: .disabled)
+        chip.size = HandyChip.ChipSize(type: .large)
+        chip.text = "Label"
+        chip.leftIcon = UIImage(named: "icInfoCircle")
+        chip.rightIcon = UIImage(named: "icClose")
+        chip.translatesAutoresizingMaskIntoConstraints = false
+        return chip
+    }()
+
+    let disabledSmallChip: HandyChip = {
+        let chip = HandyChip()
+        chip.chipState = HandyChip.ChipState(type: .disabled)
+        chip.size = HandyChip.ChipSize(type: .small)
+        chip.text = "Label"
+        chip.leftIcon = UIImage(named: "icInfoCircle")
+        chip.rightIcon = UIImage(named: "icClose")
+        chip.translatesAutoresizingMaskIntoConstraints = false
+        return chip
+    }()
+
+
+    //MARK: Chip 뷰에 추가
+    override func setViewHierarchies() {
+        view.addSubview(unTappedLargeChip)
+        view.addSubview(unTappedSmallChip)
+        view.addSubview(tappedLargeChip)
+        view.addSubview(tappedSmallChip)
+        view.addSubview(disabledLargeChip)
+        view.addSubview(disabledSmallChip)
+    }
+
+
+    //MARK: 레이아웃 배치
+    override func setViewLayouts() {
+        unTappedLargeChip.snp.makeConstraints {
+            $0.centerX.equalToSuperview()
+            $0.top.equalTo(view.safeAreaLayoutGuide.snp.top).offset(100)
+        }
+        unTappedSmallChip.snp.makeConstraints {
+            $0.centerX.equalToSuperview()
+            $0.top.equalTo(unTappedLargeChip.snp.bottom).offset(24)
+        }
+        tappedLargeChip.snp.makeConstraints {
+            $0.centerX.equalToSuperview()
+            $0.top.equalTo(unTappedSmallChip.snp.bottom).offset(51)
+        }
+        tappedSmallChip.snp.makeConstraints {
+            $0.centerX.equalToSuperview()
+            $0.top.equalTo(tappedLargeChip.snp.bottom).offset(24)
+        }
+        disabledLargeChip.snp.makeConstraints {
+            $0.centerX.equalToSuperview()
+            $0.top.equalTo(tappedSmallChip.snp.bottom).offset(51)
+        }
+        disabledSmallChip.snp.makeConstraints {
+            $0.centerX.equalToSuperview()
+            $0.top.equalTo(disabledLargeChip.snp.bottom).offset(24)
+        }
+    }
+
+
+    //MARK: Chip 작동 함수
+    @objc private func firstChip(_ sender: HandyChip) {
+        sender.isSelected.toggle()
+    }
+    @objc private func secondChip(_ sender: HandyChip) {
+        sender.isSelected.toggle()
+    }
+    @objc private func thirdChip(_ sender: HandyChip) {
+        sender.isSelected.toggle()
+    }
+    @objc private func fourthChip(_ sender: HandyChip) {
+        sender.isSelected.toggle()
+    }
+}

Handy/Handy-Storybook/Atom/DividerViewController.swift

@@ -0,0 +1,74 @@
+//
+//  DividerViewController.swift
+//  Handy-Storybook
+//
+//  Created by 서준영 on 9/15/24.
+//
+
+import Handy
+import UIKit
+import SnapKit
+
+class DividerViewController: BaseViewController {
+
+    //MARK: - 프로퍼티 선언
+    let divider1: HandyDivider = {
+        let divider = HandyDivider()
+        divider.thickness = .thickness1
+        return divider
+    }()
+
+    let divider2: HandyDivider = {
+        let divider = HandyDivider()
+        divider.thickness = .thickness2
+        return divider
+    }()
+
+    let divider4: HandyDivider = {
+        let divider = HandyDivider()
+        divider.thickness = .thickness4
+        return divider
+    }()
+
+    let divider8: HandyDivider = {
+        let divider = HandyDivider()
+        divider.thickness = .thickness8
+        return divider
+    }()
+
+    //MARK: - 뷰에 추가
+    override func setViewHierarchies() {
+        self.view.backgroundColor = .black
+        self.view.addSubview(divider1)
+        self.view.addSubview(divider2)
+        self.view.addSubview(divider4)
+        self.view.addSubview(divider8)
+    }
+
+    //MARK: - 레이아웃 배치
+    override func setViewLayouts() {
+        divider1.snp.makeConstraints {
+            $0.width.equalTo(375)
+            $0.centerX.equalToSuperview()
+            $0.top.equalTo(self.view.snp.top).offset(300)
+        }
+
+        divider2.snp.makeConstraints {
+            $0.width.equalTo(375)
+            $0.centerX.equalToSuperview()
+            $0.top.equalTo(divider1.snp.bottom).offset(20)
+        }
+
+        divider4.snp.makeConstraints {
+            $0.width.equalTo(375)
+            $0.centerX.equalToSuperview()
+            $0.top.equalTo(divider2.snp.bottom).offset(20)
+        }
+
+        divider8.snp.makeConstraints {
+            $0.width.equalTo(375)
+            $0.centerX.equalToSuperview()
+            $0.top.equalTo(divider4.snp.bottom).offset(20)
+        }
+    }
+}

Handy/Handy-Storybook/Atom/HansySwitchViewController.swift

@@ -0,0 +1,59 @@
+//
+//  HansySwitchViewController.swift
+//  Handy-Storybook
+//
+//  Created by 이조은 on 9/18/24.
+//
+
+import Handy
+import UIKit
+
+final class HansySwitchViewController: BaseViewController {
+
+    private let switch1: HandySwitch = {
+        let uiSwitch = HandySwitch()
+        uiSwitch.size = .large
+        return uiSwitch
+    }()
+
+    private let switch2: HandySwitch = {
+        let uiSwitch = HandySwitch()
+        uiSwitch.size = .medium
+        uiSwitch.isOn = true
+        return uiSwitch
+    }()
+
+    private let switch3: HandySwitch = {
+        let uiSwitch = HandySwitch()
+        uiSwitch.size = .small
+        uiSwitch.isDisabled = true
+        return uiSwitch
+    }()
+
+    override func viewDidLoad() {
+        super.viewDidLoad()
+
+        self.view.backgroundColor = .white
+    }
+
+    override func setViewHierarchies() {
+        self.view.addSubview(switch1)
+        self.view.addSubview(switch2)
+        self.view.addSubview(switch3)
+    }
+
+    override func setViewLayouts() {
+        switch1.snp.makeConstraints {
+            $0.top.equalToSuperview().inset(100)
+            $0.leading.equalToSuperview().inset(20)
+        }
+        switch2.snp.makeConstraints {
+            $0.top.equalTo(switch1.snp.bottom).offset(36) // -4
+            $0.leading.equalToSuperview().inset(13) // -7
+        }
+        switch3.snp.makeConstraints {
+            $0.top.equalTo(switch2.snp.bottom).offset(28) // -12
+            $0.leading.equalToSuperview().inset(8) // -12
+        }
+    }
+}