Merge pull request #12 from U-is-Ni-in-Korea/feat_2_hong

[Feat]:CardWish, CardCoupon, Textfield 추가

Sources/SDSKit/Component/Card/SDSCardWish.swift

@@ -0,0 +1,91 @@
+//
+//  File.swift
+//
+//
+//  Created by 홍유정 on 2023/07/13.
+//
+
+import UIKit
+import SnapKit
+
+public class SDSCardWish: UIView {
+
+    let wishBackgroundView: UIView = {
+        let view = UIView()
+        view.backgroundColor = .gray000
+        view.layer.cornerRadius = 10
+        return view
+    }()
+
+    let wishImageView: UIImageView = {
+        let image = UIImageView()
+        image.backgroundColor = .gray100
+        return image
+    }()
+
+    let wishTitleLabel: UILabel = {
+        let label = UILabel()
+        label.font = SDSFont.body2.font
+        label.textColor = .gray600
+        return label
+    }()
+
+    public init(title: String, type: SDSCardWishType) {
+        super.init(frame: .zero)
+        setLayout()
+        setType(title: title, type: type)
+    }
+
+    required init?(coder: NSCoder) {
+        fatalError("init(coder:) has not been implemented")
+    }
+
+    private func setLayout() {
+        addSubview(wishBackgroundView)
+        [wishImageView, wishTitleLabel] .forEach{wishBackgroundView.addSubview($0)}
+
+        wishBackgroundView.snp.makeConstraints {
+            $0.edges.equalToSuperview()
+        }
+        wishImageView.snp.makeConstraints {
+            $0.centerX.equalToSuperview()
+        }
+        wishTitleLabel.snp.makeConstraints {
+            $0.centerX.equalToSuperview()
+        }
+    }
+
+    func setType(title: String, type: SDSCardWishType) {
+        switch type{
+        case .title:
+
+            self.snp.makeConstraints {
+                $0.width.equalTo(160)
+                $0.height.equalTo(206)
+            }
+
+            wishImageView.snp.makeConstraints {
+                $0.width.height.equalTo(80)
+                $0.top.equalToSuperview().offset(28)
+            }
+            wishTitleLabel.text = title
+            wishTitleLabel.isHidden = false
+            wishTitleLabel.snp.makeConstraints {
+                $0.top.equalTo(wishImageView.snp.bottom).offset(8)
+                $0.height.equalTo(40)
+            }
+        case .noTitle:
+
+            self.snp.makeConstraints {
+                $0.width.equalTo(160)
+                $0.height.equalTo(122)
+            }
+
+            wishImageView.snp.makeConstraints {
+                $0.width.height.equalTo(40)
+                $0.top.equalToSuperview().offset(24)
+            }
+            wishTitleLabel.isHidden = true
+        }
+    }
+}

Sources/SDSKit/Component/Card/SDSCardWishCoupon.swift

@@ -0,0 +1,194 @@
+//
+//  File.swift
+//
+//
+//  Created by 홍유정 on 2023/07/11.
+//
+
+import SnapKit
+import UIKit
+
+public class SDSCardWishCoupon: UIView {
+
+    let wishCouponPlaceholder: String = "이번 승부에 걸 소원을 입력해주세요!\n소원은 지금 정하지 않고 승부가 끝난 뒤\n사용할 수도 있어요"
+
+    let wishCouponBackgroundView: UIView = {
+        let view = UIView()
+        view.backgroundColor = .gray000
+        view.layer.cornerRadius = 6
+        return view
+    }()
+
+    let wishCouponTextBackgroundView: UIView = {
+        let view = UIView()
+        view.backgroundColor = .gray100
+        view.layer.cornerRadius = 6
+        return view
+    }()
+
+    lazy var wishCouponTextView: UITextView = {
+        let textview = UITextView()
+        textview.font = SDSFont.body2.font
+        textview.backgroundColor = .clear
+        textview.textContainerInset = .zero
+        return textview
+    }()
+
+    let dashlineStackView: UIStackView = {
+        let stackView = UIStackView()
+        stackView.axis = .vertical
+        stackView.distribution = .fillEqually
+        stackView.spacing = 8
+        stackView.backgroundColor = .gray000
+        return stackView
+    }()
+
+    let dashView: UIView = {
+        let view = UIView()
+        view.backgroundColor = .blue
+        return view
+    }()
+
+    lazy var wishCountLabel: UILabel = {
+        let label = UILabel()
+        label.text = "0/54"
+        label.textColor = .gray200
+        label.font = SDSFont.caption.font
+        return label
+    }()
+
+    func setTextView() {
+        wishCouponTextView.delegate = self
+        wishCouponTextView.text = wishCouponPlaceholder
+        let style = NSMutableParagraphStyle()
+        style.lineSpacing = 5
+        wishCouponTextView.attributedText = NSAttributedString(string: wishCouponTextView.text, attributes: [NSAttributedString.Key.paragraphStyle: style])
+        wishCouponTextView.textColor = .gray300
+    }
+
+    func maskCoupon() {
+        let circleSize = 20
+        let maskLayer = CAShapeLayer()
+        let backgroundPath = UIBezierPath(rect: wishCouponBackgroundView.bounds)
+        let transparentLeftPath = UIBezierPath(roundedRect: CGRect(origin: CGPoint(x: -10, y: 46), size: CGSize(width: circleSize, height: circleSize)), cornerRadius: CGFloat(circleSize/2))
+        let transparentRightPath = UIBezierPath(roundedRect: CGRect(origin: CGPoint(x: wishCouponBackgroundView.frame.maxX - 10, y: 46), size: CGSize(width: circleSize, height: circleSize)), cornerRadius: CGFloat(circleSize/2))
+
+
+        let combinedPath = UIBezierPath()
+
+        combinedPath.append(backgroundPath)
+        combinedPath.append(transparentLeftPath)
+        combinedPath.append(transparentRightPath)
+
+        maskLayer.fillRule = .evenOdd
+        maskLayer.path = combinedPath.cgPath
+        wishCouponBackgroundView.layer.mask = maskLayer
+    }
+
+    public override func layoutSubviews() {
+        super.layoutSubviews()
+        maskCoupon()
+    }
+
+    public override func touchesBegan(_ touches: Set<UITouch>, with event: UIEvent?) {
+        self.endEditing(true)
+    }
+
+    public init() {
+        super.init(frame: .zero)
+        setLayout()
+        setTextView()
+        self.clipsToBounds = true
+    }
+
+    required init?(coder: NSCoder) {
+        fatalError("init(coder:) has not been implemented")
+    }
+
+    private func setLayout() {
+
+        addSubview(wishCouponBackgroundView)
+        [wishCouponTextBackgroundView, dashlineStackView, wishCountLabel].forEach { wishCouponBackgroundView.addSubview($0)}
+        wishCouponTextBackgroundView.addSubview(wishCouponTextView)
+
+        for _ in 0...6 {
+            let verticalView = UIView()
+            verticalView.backgroundColor = .gray100
+            self.dashlineStackView.addArrangedSubview(verticalView)
+        }
+
+        self.snp.makeConstraints {
+            $0.height.equalTo(112)
+            $0.width.equalTo(334)
+        }
+        wishCouponBackgroundView.snp.makeConstraints {
+            $0.edges.equalToSuperview()
+        }
+
+        wishCouponTextBackgroundView.snp.makeConstraints {
+            $0.top.bottom.equalToSuperview().inset(16)
+            $0.leading.equalToSuperview().offset(19)
+            $0.trailing.equalToSuperview().inset(77)
+            $0.height.equalTo(80)
+        }
+        wishCouponTextView.snp.makeConstraints {
+            $0.top.bottom.leading.trailing.equalToSuperview().inset(10)
+        }
+
+        dashlineStackView.snp.makeConstraints {
+            $0.top.bottom.equalToSuperview()
+            $0.top.bottom.equalToSuperview()
+            $0.leading.equalTo(wishCouponTextBackgroundView.snp.trailing).offset(16)
+            $0.width.equalTo(5)
+        }
+
+        wishCountLabel.snp.makeConstraints {
+            $0.leading.equalTo(dashlineStackView.snp.trailing).offset(11)
+            $0.bottom.equalToSuperview().inset(11)
+        }
+    }
+}
+
+extension SDSCardWishCoupon: UITextViewDelegate {
+
+    public func textViewDidBeginEditing(_ textView: UITextView) {
+        wishCouponTextBackgroundView.layer.borderWidth = 1
+        wishCouponTextBackgroundView.layer.borderColor = UIColor.lightBlue500.cgColor
+
+        if textView.text.trimmingCharacters(in: .whitespacesAndNewlines).isEmpty {
+            wishCouponTextView.textColor = .gray300
+            wishCouponTextView.text = wishCouponPlaceholder
+        } else if textView.text == wishCouponPlaceholder {
+            wishCouponTextView.textColor = .gray600
+            wishCouponTextView.text = ""
+        }
+    }
+
+    public func textViewDidChange(_ textView: UITextView) {
+
+        let style = NSMutableParagraphStyle()
+        style.lineSpacing = 5
+        textView.attributedText = NSAttributedString(string: textView.text, attributes: [NSAttributedString.Key.paragraphStyle: style])
+
+        if wishCouponTextView.text.count > 54 {
+            wishCouponTextView.deleteBackward()
+        } else if wishCouponTextView.text.count == 54 {
+            wishCouponTextBackgroundView.layer.borderColor = UIColor.red500.cgColor
+            wishCountLabel.textColor = .red500
+        }
+        else {
+            wishCouponTextView.textColor = .gray600
+            wishCountLabel.textColor = .gray200
+            wishCouponTextBackgroundView.layer.borderColor = UIColor.lightBlue500.cgColor
+        }
+        wishCountLabel.text = "\(wishCouponTextView.text.count)/54"
+    }
+
+    public func textViewDidEndEditing(_ textView: UITextView) {
+        wishCouponTextBackgroundView.layer.borderWidth = 0
+        if wishCouponTextView.text.isEmpty {
+            wishCouponTextView.text = wishCouponPlaceholder
+            wishCouponTextView.textColor = .gray300
+        }
+    }
+}

Sources/SDSKit/Component/Card/SDSCardWishType.swift

@@ -0,0 +1,13 @@
+//
+//  File.swift
+//
+//
+//  Created by 홍유정 on 2023/07/13.
+//
+
+import Foundation
+
+public enum SDSCardWishType {
+    case title
+    case noTitle
+}