|
| 1 | +import UIKit |
| 2 | + |
| 3 | +class TapestryCell: NewsCell { |
| 4 | + |
| 5 | + static let identifier: String = "TapestryCell" |
| 6 | + private static let logoSize = CGSize(width: 42, height: 42) |
| 7 | + |
| 8 | + let author = UILabel() |
| 9 | + let container = UIView() |
| 10 | + let url = UILabel() |
| 11 | + |
| 12 | + override func config() { |
| 13 | + super.config() |
| 14 | + |
| 15 | + let mainColor = rand |
| 16 | + |
| 17 | + logo.layer.cornerRadius = TapestryCell.logoSize.width / 2 |
| 18 | + logo.layer.masksToBounds = true |
| 19 | + |
| 20 | + author.font = .preferredFont(forTextStyle: .headline) |
| 21 | + |
| 22 | + ago.textColor = mainColor |
| 23 | + ago.font = .preferredFont(forTextStyle: .body) |
| 24 | + |
| 25 | + url.textColor = mainColor |
| 26 | + url.font = .boldSystemFont(ofSize: 13) |
| 27 | + |
| 28 | + container.layer.cornerRadius = 10 |
| 29 | + container.layer.masksToBounds = true |
| 30 | + container.backgroundColor = mainColor.withAlphaComponent(0.3) |
| 31 | + |
| 32 | + title.font = .boldSystemFont(ofSize: 14) |
| 33 | + |
| 34 | + source.font = .preferredFont(forTextStyle: .headline) |
| 35 | + source.textColor = mainColor |
| 36 | + |
| 37 | + let containerView = UIView() |
| 38 | + containerView.backgroundColor = mainColor.withAlphaComponent(0.2) |
| 39 | + containerView.layer.cornerRadius = 10 |
| 40 | + containerView.clipsToBounds = true |
| 41 | + |
| 42 | + contentView.addSubviewForAutoLayout(containerView) |
| 43 | + contentView.addSubviewForAutoLayout(logo) |
| 44 | + |
| 45 | + NSLayoutConstraint.activate([ |
| 46 | + containerView.topAnchor.constraint(equalTo: contentView.topAnchor, constant: 10), |
| 47 | + containerView.bottomAnchor.constraint(equalTo: contentView.bottomAnchor, constant: -10), |
| 48 | + |
| 49 | + containerView.leadingAnchor.constraint(equalTo: contentView.leadingAnchor, constant: 25), |
| 50 | + containerView.trailingAnchor.constraint(equalTo: contentView.trailingAnchor, constant: -10), |
| 51 | + |
| 52 | + logo.topAnchor.constraint(equalTo: contentView.topAnchor, constant: 20), |
| 53 | + logo.leadingAnchor.constraint(equalTo: contentView.leadingAnchor, constant: 10), |
| 54 | + logo.heightAnchor.constraint(equalToConstant: TapestryCell.logoSize.height), |
| 55 | + logo.widthAnchor.constraint(equalToConstant: TapestryCell.logoSize.width), |
| 56 | + ]) |
| 57 | + |
| 58 | + let stripe = UIView() |
| 59 | + stripe.backgroundColor = source.textColor |
| 60 | + |
| 61 | + [stripe, source, author, ago, summary, container].forEach { |
| 62 | + containerView.addSubviewForAutoLayout($0) |
| 63 | + } |
| 64 | + |
| 65 | + let imageHeight: CGFloat = 164 |
| 66 | + let inset: CGFloat = 10 |
| 67 | + NSLayoutConstraint.activate([ |
| 68 | + stripe.topAnchor.constraint(equalTo: containerView.topAnchor), |
| 69 | + stripe.bottomAnchor.constraint(equalTo: containerView.bottomAnchor), |
| 70 | + stripe.widthAnchor.constraint(equalToConstant: 10), |
| 71 | + |
| 72 | + source.topAnchor.constraint(equalTo: containerView.topAnchor, constant: inset + 5), |
| 73 | + source.leadingAnchor.constraint(equalTo: logo.trailingAnchor, constant: inset), |
| 74 | + |
| 75 | + author.topAnchor.constraint(equalTo: source.bottomAnchor), |
| 76 | + author.leadingAnchor.constraint(equalTo: source.leadingAnchor), |
| 77 | + |
| 78 | + ago.topAnchor.constraint(equalTo: source.topAnchor), |
| 79 | + ago.trailingAnchor.constraint(equalTo: containerView.trailingAnchor, constant: -inset - 8), |
| 80 | + |
| 81 | + summary.topAnchor.constraint(equalTo: author.bottomAnchor, constant: inset - 5), |
| 82 | + summary.leadingAnchor.constraint(equalTo: source.leadingAnchor), |
| 83 | + summary.trailingAnchor.constraint(equalTo: ago.trailingAnchor), |
| 84 | + |
| 85 | + container.topAnchor.constraint(equalTo: summary.bottomAnchor, constant: inset), |
| 86 | + container.leadingAnchor.constraint(equalTo: logo.trailingAnchor, constant: inset), |
| 87 | + container.trailingAnchor.constraint(equalTo: ago.trailingAnchor), |
| 88 | + containerView.bottomAnchor.constraint(equalTo: container.bottomAnchor, constant: inset + 5) |
| 89 | + ]) |
| 90 | + |
| 91 | + [articleImageView, url, title].forEach { |
| 92 | + container.addSubviewForAutoLayout($0) |
| 93 | + } |
| 94 | + |
| 95 | + NSLayoutConstraint.activate([ |
| 96 | + articleImageView.topAnchor.constraint(equalTo: container.topAnchor, constant: 0), |
| 97 | + articleImageView.leadingAnchor.constraint(equalTo: container.leadingAnchor), |
| 98 | + container.trailingAnchor.constraint(equalTo: articleImageView.trailingAnchor), |
| 99 | + articleImageView.heightAnchor.constraint(equalToConstant: imageHeight), |
| 100 | + |
| 101 | + title.topAnchor.constraint(equalTo: articleImageView.bottomAnchor, constant: inset - 4), |
| 102 | + title.leadingAnchor.constraint(equalTo: container.leadingAnchor, constant: inset), |
| 103 | + container.trailingAnchor.constraint(equalTo: title.trailingAnchor, constant: inset), |
| 104 | + |
| 105 | + url.topAnchor.constraint(equalTo: title.bottomAnchor, constant: 4), |
| 106 | + url.leadingAnchor.constraint(equalTo: container.leadingAnchor, constant: inset), |
| 107 | + url.trailingAnchor.constraint(equalTo: container.trailingAnchor, constant: -inset), |
| 108 | + container.bottomAnchor.constraint(equalTo: url.bottomAnchor, constant: inset - 4) |
| 109 | + ]) |
| 110 | + } |
| 111 | + |
| 112 | + var rand: UIColor { |
| 113 | + let colors: [UIColor] = [ |
| 114 | + .systemBlue, |
| 115 | + .systemGreen, |
| 116 | + .systemRed, |
| 117 | + .systemGray, |
| 118 | + .systemPink, |
| 119 | + .systemYellow, |
| 120 | + .systemOrange |
| 121 | + ] |
| 122 | + |
| 123 | + if let color = colors.randomElement() { return color } |
| 124 | + return .systemBlue |
| 125 | + } |
| 126 | + |
| 127 | + func load(article: Article) { |
| 128 | + author.text = article.author ?? article.source?.name |
| 129 | + summary.text = article.description |
| 130 | + title.text = article.titleDisplay |
| 131 | + ago.text = article.ago |
| 132 | + source.text = article.source?.name |
| 133 | + url.text = article.url?.host?.replacingOccurrences(of: "www.", with: "") |
| 134 | + load(urlString: article.urlToImage, downloader: ImageDownloader.shared) |
| 135 | + loadLogo(urlString: article.urlToSourceLogo, size: TapestryCell.logoSize) |
| 136 | + } |
| 137 | + |
| 138 | +} |
0 commit comments