✨ Feat: #4 - 쎔씨 TouchArea 제작

DesignSystem/Sources/CMCTouchArea.swift

@@ -0,0 +1,95 @@
+//
+//  CMCTouchArea.swift
+//  DesignSystem
+//
+//  Created by Siri on 2023/10/24.
+//  Copyright © 2023 com.centralMakeusChallenge. All rights reserved.
+//
+import Foundation
+
+import RxCocoa
+import RxSwift
+
+import SnapKit
+
+import UIKit
+
+public final class CMCTouchArea: UIView{
+
+	public enum TouchAreaStyle: Int {
+		case normal = 0
+		case selected = 1
+	}
+
+	// MARK: - UI
+	private lazy var imageView: UIImageView = {
+		let imageView = UIImageView()
+		imageView.image = image[style.rawValue]
+		return imageView
+	}()
+
+	// MARK: - Properties
+	private var disposeBag = DisposeBag()
+
+	private var style: TouchAreaStyle = .normal
+	private var image: [Int:UIImage] = [:]
+
+	/// 터치 영역의 `image`를 설정합니다.
+	/// - Parameters:
+	///  - image: 터치 영역의 `image`
+	/// - Parameters (Optional):
+	/// - Parameters (Accessable):
+	// MARK: - Initializers
+	public init(
+		image: UIImage
+	) {
+		self.image.updateValue(image, forKey: style.rawValue)
+		super.init(frame: .zero)
+
+		self.setImage(image, for: .normal)
+		self.setImage(image, for: .selected)
+
+		setAddSubView()
+		setConstraint()
+		bind()
+	}
+
+	required init?(coder: NSCoder) {
+		fatalError("init(coder:) has not been implemented")
+	}
+
+	// MARK: - Methods
+
+	private func setAddSubView() {
+		self.addSubview(imageView)
+	}
+
+	private func setConstraint() {
+		imageView.snp.makeConstraints {
+			$0.centerX.centerY.equalToSuperview()
+		}
+	}
+
+	private func bind() {
+		self.rx.tapped()
+			.withUnretained(self)
+			.subscribe(onNext: { owner, _ in
+				owner.style = owner.style == .normal ? .selected : .normal
+				owner.imageView.image = owner.image[owner.style.rawValue]
+			})
+			.disposed(by: disposeBag)
+	}
+
+	public func setImage(_ image: UIImage, for style: TouchAreaStyle) {
+		self.image.updateValue(image, forKey: style.rawValue)
+	}
+
+}
+
+// MARK: - CMCTouchArea+RxSwift
+extension Reactive where Base: CMCTouchArea {
+	public func tapped() -> ControlEvent<Void> {
+		let source = self.base.rx.tapGesture().when(.recognized).map { _ in }
+		return ControlEvent(events: source)
+	}
+}