Skip to content

Commit

Permalink
[Feat]:CardWish, CardCoupon, Textfield 추가
Browse files Browse the repository at this point in the history
  • Loading branch information
yuujjeong committed Jul 12, 2023
1 parent 9039204 commit dc39a8b
Show file tree
Hide file tree
Showing 4 changed files with 401 additions and 0 deletions.
91 changes: 91 additions & 0 deletions Sources/SDSKit/Component/Card/SDSCardWish.swift
Original file line number Diff line number Diff line change
@@ -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
}
}
}
194 changes: 194 additions & 0 deletions Sources/SDSKit/Component/Card/SDSCardWishCoupon.swift
Original file line number Diff line number Diff line change
@@ -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
}
}
}
13 changes: 13 additions & 0 deletions Sources/SDSKit/Component/Card/SDSCardWishType.swift
Original file line number Diff line number Diff line change
@@ -0,0 +1,13 @@
//
// File.swift
//
//
// Created by 홍유정 on 2023/07/13.
//

import Foundation

public enum SDSCardWishType {
case title
case noTitle
}
Loading

0 comments on commit dc39a8b

Please sign in to comment.