Files
GitHawk/Classes/Views/CardCollectionViewCell.swift
Ryan Nystrom e56c29a9a6 Redesigned Issues interface (#1983)
* clean up title model

* update title style

* organize issue SC method

* remove background colors from styled text in issues

* collection view bg white

* remove card inset and clean up snap superview code

* clean up label design

* thread is root and change base font size

* remove borders on comment cells

* adjust collapse design

* adjust comment line spacing and make non-root body smaller

* refactor detail view

* viewer header background color

* more buttons in reaction cell

* vertical spacers working

* design basically finished;

* scroll to bottom accounts for inset

* PR review background color white

* fixup PR review comments

* spacing on merge and review

* readme background white

* rename to just "spacer"

* horizontal spacing

* fix tests
2018-07-27 11:03:09 -04:00

117 lines
4.3 KiB
Swift

//
// CardCollectionViewCell.swift
// Freetime
//
// Created by Ryan Nystrom on 7/22/18.
// Copyright © 2018 Ryan Nystrom. All rights reserved.
//
import UIKit
class CardCollectionViewCell: UICollectionViewCell, UIGestureRecognizerDelegate {
enum BorderType {
case head
case neck
case tail
}
var border: BorderType = .neck {
didSet { setNeedsLayout() }
}
private let borderLayer = CAShapeLayer()
private let backgroundLayer = CAShapeLayer()
override init(frame: CGRect) {
super.init(frame: frame)
contentView.clipsToBounds = true
// insert above contentView layer
borderLayer.strokeColor = UIColor.red.cgColor
borderLayer.strokeColor = Styles.Colors.Gray.border.color.cgColor
borderLayer.lineWidth = 1 / UIScreen.main.scale
borderLayer.fillColor = nil
layer.addSublayer(borderLayer)
// insert as base layer
backgroundLayer.strokeColor = nil
backgroundLayer.fillColor = UIColor.white.cgColor
layer.insertSublayer(backgroundLayer, at: 0)
}
required init?(coder aDecoder: NSCoder) {
fatalError("init(coder:) has not been implemented")
}
override func layoutSubviews() {
super.layoutSubviews()
layoutContentViewForSafeAreaInsets()
let bounds = contentView.frame
let inset = borderLayer.lineWidth / 2
let pixelSnapBounds = bounds.insetBy(dx: inset, dy: inset)
let cornerRadius = Styles.Sizes.cardCornerRadius
let borderPath = UIBezierPath()
let fillPath: UIBezierPath
switch border {
case .head:
borderPath.move(to: CGPoint(x: pixelSnapBounds.minX, y: bounds.maxY))
borderPath.addLine(to: CGPoint(x: pixelSnapBounds.minX, y: pixelSnapBounds.minY + cornerRadius))
borderPath.addQuadCurve(
to: CGPoint(x: pixelSnapBounds.minX + cornerRadius, y: pixelSnapBounds.minY),
controlPoint: CGPoint(x: pixelSnapBounds.minX, y: pixelSnapBounds.minY)
)
borderPath.addLine(to: CGPoint(x: pixelSnapBounds.maxX - cornerRadius, y: pixelSnapBounds.minY))
borderPath.addQuadCurve(
to: CGPoint(x: pixelSnapBounds.maxX, y: pixelSnapBounds.minY + cornerRadius),
controlPoint: CGPoint(x: pixelSnapBounds.maxX, y: pixelSnapBounds.minY)
)
borderPath.addLine(to: CGPoint(x: pixelSnapBounds.maxX, y: bounds.maxY))
fillPath = borderPath.copy() as! UIBezierPath
fillPath.close()
case .neck:
borderPath.move(to: CGPoint(x: pixelSnapBounds.minX, y: bounds.minY))
borderPath.addLine(to: CGPoint(x: pixelSnapBounds.minX, y: bounds.maxY))
borderPath.move(to: CGPoint(x: pixelSnapBounds.maxX, y: bounds.minY))
borderPath.addLine(to: CGPoint(x: pixelSnapBounds.maxX, y: bounds.maxY))
fillPath = UIBezierPath(rect: bounds)
case .tail:
borderPath.move(to: CGPoint(x: pixelSnapBounds.minX, y: bounds.minY))
borderPath.addLine(to: CGPoint(x: pixelSnapBounds.minX, y: pixelSnapBounds.maxY - cornerRadius))
borderPath.addQuadCurve(
to: CGPoint(x: pixelSnapBounds.minX + cornerRadius, y: pixelSnapBounds.maxY),
controlPoint: CGPoint(x: pixelSnapBounds.minX, y: pixelSnapBounds.maxY)
)
borderPath.addLine(to: CGPoint(x: pixelSnapBounds.maxX - cornerRadius, y: pixelSnapBounds.maxY))
borderPath.addQuadCurve(
to: CGPoint(x: pixelSnapBounds.maxX, y: pixelSnapBounds.maxY - cornerRadius),
controlPoint: CGPoint(x: pixelSnapBounds.maxX, y: pixelSnapBounds.maxY)
)
borderPath.addLine(to: CGPoint(x: pixelSnapBounds.maxX, y: bounds.minY))
fillPath = borderPath.copy() as! UIBezierPath
fillPath.close()
}
borderLayer.path = borderPath.cgPath
backgroundLayer.path = fillPath.cgPath
borderLayer.frame = self.bounds
backgroundLayer.frame = self.bounds
}
override var backgroundColor: UIColor? {
get {
guard let color = backgroundLayer.fillColor else { return nil }
return UIColor(cgColor: color)
}
set { backgroundLayer.fillColor = newValue?.cgColor}
}
}