|
| 1 | +import UIKit |
| 2 | + |
| 3 | +class BlueskyCell: NewsCell { |
| 4 | + |
| 5 | + static let identifier: String = "BlueskyCell" |
| 6 | + private static let logoSize = CGSize(width: 34, height: 34) |
| 7 | + |
| 8 | + let author = UILabel() |
| 9 | + let container = UIView() |
| 10 | + let url = UILabel() |
| 11 | + |
| 12 | + override func config() { |
| 13 | + super.config() |
| 14 | + |
| 15 | + logo.layer.cornerRadius = BlueskyCell.logoSize.width / 2 |
| 16 | + logo.layer.masksToBounds = true |
| 17 | + |
| 18 | + author.font = .preferredFont(forTextStyle: .headline) |
| 19 | + |
| 20 | + ago.textColor = .secondaryLabel |
| 21 | + ago.font = .preferredFont(forTextStyle: .body) |
| 22 | + |
| 23 | + url.textColor = .secondaryLabel |
| 24 | + url.font = .preferredFont(forTextStyle: .footnote) |
| 25 | + |
| 26 | + container.layer.borderColor = UIColor.quaternaryLabel.cgColor |
| 27 | + container.layer.borderWidth = 1 |
| 28 | + container.layer.cornerRadius = 10 |
| 29 | + container.layer.masksToBounds = true |
| 30 | + |
| 31 | + title.font = .preferredFont(forTextStyle: .headline) |
| 32 | + |
| 33 | + [logo, author, ago, summary, container].forEach { |
| 34 | + contentView.addSubviewForAutoLayout($0) |
| 35 | + } |
| 36 | + |
| 37 | + let imageHeight: CGFloat = 164 |
| 38 | + let inset: CGFloat = 10 |
| 39 | + NSLayoutConstraint.activate([ |
| 40 | + logo.topAnchor.constraint(equalTo: contentView.topAnchor, constant: inset + 5), |
| 41 | + logo.leadingAnchor.constraint(equalTo: contentView.readableContentGuide.leadingAnchor), |
| 42 | + logo.heightAnchor.constraint(equalToConstant: BlueskyCell.logoSize.height), |
| 43 | + logo.widthAnchor.constraint(equalToConstant: BlueskyCell.logoSize.width), |
| 44 | + |
| 45 | + author.topAnchor.constraint(equalTo: contentView.topAnchor, constant: inset), |
| 46 | + author.leadingAnchor.constraint(equalTo: logo.trailingAnchor, constant: inset), |
| 47 | + |
| 48 | + ago.topAnchor.constraint(equalTo: contentView.topAnchor, constant: inset), |
| 49 | + ago.leadingAnchor.constraint(equalTo: author.trailingAnchor, constant: 8), |
| 50 | + contentView.trailingAnchor.constraint(equalTo: ago.trailingAnchor, constant: inset + 8), |
| 51 | + |
| 52 | + summary.topAnchor.constraint(equalTo: ago.bottomAnchor, constant: inset - 5), |
| 53 | + summary.leadingAnchor.constraint(equalTo: logo.trailingAnchor, constant: inset), |
| 54 | + contentView.readableContentGuide.trailingAnchor.constraint(equalTo: summary.trailingAnchor), |
| 55 | + |
| 56 | + container.topAnchor.constraint(equalTo: summary.bottomAnchor, constant: inset), |
| 57 | + container.leadingAnchor.constraint(equalTo: logo.trailingAnchor, constant: inset), |
| 58 | + contentView.readableContentGuide.trailingAnchor.constraint(equalTo: container.trailingAnchor), |
| 59 | + |
| 60 | + contentView.bottomAnchor.constraint(equalTo: container.bottomAnchor, constant: inset + 5) |
| 61 | + ]) |
| 62 | + |
| 63 | + let separatorView = UIView() |
| 64 | + separatorView.backgroundColor = .quaternaryLabel |
| 65 | + |
| 66 | + let iconSize: CGFloat = 13 |
| 67 | + let icon = UIImageView() |
| 68 | + |
| 69 | + if let img = UIImage(systemName: "globe.asia.australia"), |
| 70 | + let globeImage: UIImage = img |
| 71 | + .applyingSymbolConfiguration(.init( |
| 72 | + font: .systemFont(ofSize: iconSize), |
| 73 | + scale: .default)) { |
| 74 | + icon.image = globeImage |
| 75 | + icon.tintColor = .secondaryLabel |
| 76 | + } |
| 77 | + |
| 78 | + [articleImageView, url, title, separatorView, icon].forEach { |
| 79 | + container.addSubviewForAutoLayout($0) |
| 80 | + } |
| 81 | + |
| 82 | + NSLayoutConstraint.activate([ |
| 83 | + articleImageView.topAnchor.constraint(equalTo: container.topAnchor, constant: 0), |
| 84 | + articleImageView.leadingAnchor.constraint(equalTo: container.leadingAnchor), |
| 85 | + container.trailingAnchor.constraint(equalTo: articleImageView.trailingAnchor), |
| 86 | + articleImageView.heightAnchor.constraint(equalToConstant: imageHeight), |
| 87 | + |
| 88 | + title.topAnchor.constraint(equalTo: articleImageView.bottomAnchor, constant: 8), |
| 89 | + title.leadingAnchor.constraint(equalTo: container.leadingAnchor, constant: 8), |
| 90 | + container.trailingAnchor.constraint(equalTo: title.trailingAnchor, constant: 8), |
| 91 | + |
| 92 | + separatorView.topAnchor.constraint(equalTo: title.bottomAnchor, constant: inset), |
| 93 | + separatorView.heightAnchor.constraint(equalToConstant: 1), |
| 94 | + separatorView.leadingAnchor.constraint(equalTo: container.leadingAnchor, constant: 10), |
| 95 | + container.trailingAnchor.constraint(equalTo: separatorView.trailingAnchor, constant: 10), |
| 96 | + |
| 97 | + icon.topAnchor.constraint(equalTo: separatorView.bottomAnchor, constant: inset + 1), |
| 98 | + icon.heightAnchor.constraint(equalToConstant: iconSize), |
| 99 | + icon.widthAnchor.constraint(equalToConstant: iconSize), |
| 100 | + icon.leadingAnchor.constraint(equalTo: container.leadingAnchor, constant: inset), |
| 101 | + |
| 102 | + url.topAnchor.constraint(equalTo: separatorView.bottomAnchor, constant: inset), |
| 103 | + url.leadingAnchor.constraint(equalTo: icon.trailingAnchor, constant: 4), |
| 104 | + url.trailingAnchor.constraint(equalTo: container.trailingAnchor, constant: -inset), |
| 105 | + |
| 106 | + container.bottomAnchor.constraint(equalTo: url.bottomAnchor, constant: inset) |
| 107 | + ]) |
| 108 | + } |
| 109 | + |
| 110 | + func load(article: Article) { |
| 111 | + author.text = article.author ?? article.source?.name |
| 112 | + summary.text = article.description |
| 113 | + title.text = article.titleDisplay |
| 114 | + ago.text = article.ago |
| 115 | + url.text = article.url?.host?.replacingOccurrences(of: "www.", with: "") |
| 116 | + load(urlString: article.urlToImage, downloader: ImageDownloader.shared) |
| 117 | + loadLogo(urlString: article.urlToSourceLogo, size: BlueskyCell.logoSize) |
| 118 | + } |
| 119 | + |
| 120 | +} |
0 commit comments