zelo72
/
mastodon-ios
mirror of https://github.com/mastodon/mastodon-ios
2
2
Fork 1
Code Issues 20 Releases Wiki Activity

Add thumbnail image (#690) 

thumbnail-download is still missing, it's just the UI-element
This commit is contained in:
Nathan Mattes 2022-12-14 23:18:13 +01:00
parent 3f3a8c1a5b
commit fc25e12e05
1 changed files with 33 additions and 16 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

31
Mastodon/Scene/Onboarding/PickServer/TableViewCell/PickServerCell.swift
View File

@ -20,11 +20,20 @@ class PickServerCell: UITableViewCell {
let containerView: UIStackView = { let containerView: UIStackView = {
let view = UIStackView() let view = UIStackView()
view.translatesAutoresizingMaskIntoConstraints = false
view.axis = .vertical view.axis = .vertical
view.spacing = 4 view.spacing = 4
return view return view
}() }()
let thumbnailImageView: UIImageView = {
let thumbnail = UIImageView()
thumbnail.translatesAutoresizingMaskIntoConstraints = false
thumbnail.backgroundColor = Asset.Colors.brand.color
thumbnail.layer.cornerRadius = 8
return thumbnail
}()
let domainLabel: UILabel = { let domainLabel: UILabel = {
let label = UILabel() let label = UILabel()
label.font = UIFontMetrics(forTextStyle: .headline).scaledFont(for: .systemFont(ofSize: 20, weight: .semibold)) label.font = UIFontMetrics(forTextStyle: .headline).scaledFont(for: .systemFont(ofSize: 20, weight: .semibold))
@ -79,19 +88,21 @@ extension PickServerCell {
selectionStyle = .none selectionStyle = .none
backgroundColor = Asset.Scene.Onboarding.background.color backgroundColor = Asset.Scene.Onboarding.background.color
checkbox.translatesAutoresizingMaskIntoConstraints = false contentView.addSubview(containerView)
contentView.addSubview(thumbnailImageView)
contentView.addSubview(checkbox) contentView.addSubview(checkbox)
NSLayoutConstraint.activate([ NSLayoutConstraint.activate([
contentView.readableContentGuide.trailingAnchor.constraint(equalTo: checkbox.trailingAnchor, constant: 16), thumbnailImageView.heightAnchor.constraint(equalToConstant: 32),
checkbox.heightAnchor.constraint(equalToConstant: 20), thumbnailImageView.widthAnchor.constraint(equalTo: thumbnailImageView.heightAnchor),
checkbox.widthAnchor.constraint(equalTo: checkbox.heightAnchor),
thumbnailImageView.leadingAnchor.constraint(equalTo: contentView.readableContentGuide.leadingAnchor, constant: 16),
thumbnailImageView.centerYAnchor.constraint(equalTo: containerView.centerYAnchor),
]) ])
containerView.translatesAutoresizingMaskIntoConstraints = false
contentView.addSubview(containerView)
NSLayoutConstraint.activate([ NSLayoutConstraint.activate([
containerView.topAnchor.constraint(equalTo: contentView.topAnchor, constant: 11), containerView.topAnchor.constraint(equalTo: contentView.topAnchor, constant: 11),
containerView.leadingAnchor.constraint(equalTo: contentView.readableContentGuide.leadingAnchor, constant: 16), containerView.leadingAnchor.constraint(equalTo: thumbnailImageView.trailingAnchor, constant: 16),
checkbox.leadingAnchor.constraint(equalTo: containerView.trailingAnchor, constant: 16), checkbox.leadingAnchor.constraint(equalTo: containerView.trailingAnchor, constant: 16),
contentView.bottomAnchor.constraint(equalTo: containerView.bottomAnchor, constant: 11), contentView.bottomAnchor.constraint(equalTo: containerView.bottomAnchor, constant: 11),
checkbox.centerYAnchor.constraint(equalTo: containerView.centerYAnchor), checkbox.centerYAnchor.constraint(equalTo: containerView.centerYAnchor),
@ -100,6 +111,12 @@ extension PickServerCell {
containerView.addArrangedSubview(domainLabel) containerView.addArrangedSubview(domainLabel)
containerView.addArrangedSubview(descriptionLabel) containerView.addArrangedSubview(descriptionLabel)
containerView.setCustomSpacing(6, after: descriptionLabel) containerView.setCustomSpacing(6, after: descriptionLabel)
NSLayoutConstraint.activate([
contentView.readableContentGuide.trailingAnchor.constraint(equalTo: checkbox.trailingAnchor, constant: 16),
checkbox.heightAnchor.constraint(equalToConstant: 20),
checkbox.widthAnchor.constraint(equalTo: checkbox.heightAnchor),
])
} }
override func setSelected(_ selected: Bool, animated: Bool) { override func setSelected(_ selected: Bool, animated: Bool) {