[
Я хочу сделать пиксель идеальный интерфейс.Мой дизайнер дал мне несколько требований для конкретного шрифта.Я пытаюсь реализовать их, но я столкнулся с некоторыми проблемами с ParaStyle.Все текстовые первые базовые линии должны быть расположены на сетке.При установке MaximumLineHeight для моего заголовка на 24 (2x сетка) все в порядке.Однако для моего bodyText нужна высота строки 16. Это обрезает верхнюю часть первой строки.
Я пытался установить высоту надписи, это только добавляет конфликты макета.Я попытался установить ограничение firstBaseline для меры сетки от его собственной вершины.Но безрезультатно.Я также переопределил метод рисования UILabel, чтобы добавить некоторые дополнительные верхние отступы.Однако это исключает использование ограничения fristBaseline в моем коде, каким бы добавлением я ни добавил.Очень грязно и только в крайнем случае.
import Foundation
public class UILabelBody: UILabel {
override public var text: String? {
didSet {
let attributedString = NSMutableAttributedString(string: self.text!)
let paragraphStyle = NSMutableParagraphStyle()
paragraphStyle.maximumLineHeight = 16
attributedString.addAttributes([
NSAttributedString.Key.kern: 0.4,
NSAttributedString.Key.paragraphStyle : paragraphStyle],
range: NSMakeRange(0, attributedString.length))
self.attributedText = attributedString
}
}
public init() {
super.init(frame: CGRect.zero)
self.translatesAutoresizingMaskIntoConstraints = false
setup()
}
required init?(coder aDecoder: NSCoder) {
fatalError("init(coder:) has not been implemented")
}
private func setup() {
self.font = UIFont(name: "Oxygen", size: 16)
self.textColor = UIColor(hexString: "1F1F1F")
}
}
Вот класс, в котором я установил ограничения: private func setup () {
self.addSubview(contentBox)
self.addSubview(imageView)
self.addSubview(title)
self.addSubview(body)
imageView.backgroundColor = UIColor.yellow.withAlphaComponent(0.8)
contentBox.backgroundColor = UIColor.red.withAlphaComponent(0.1)
title.backgroundColor = UIColor.orange.withAlphaComponent(0.2)
let padding = Layout.grid(1.5)
let highPriority = UILayoutPriority(1000)
let lowPrioririty = UILayoutPriority(100)
let titleFirstBaseline = title.firstBaselineAnchor.constraint(equalTo: contentBox.topAnchor, constant: Layout.grid(2.5))
let bodyFirstBaseLine = body.firstBaselineAnchor.constraint(equalTo: title.lastBaselineAnchor, constant: Layout.grid(2))
let selfHeight = self.heightAnchor.constraint(equalToConstant: Layout.grid(28))
let selfWidth = self.widthAnchor.constraint(equalToConstant: Layout.grid(30))
selfWidth.priority = highPriority
selfHeight.priority = lowPrioririty
titleFirstBaseline.priority = highPriority
bodyFirstBaseLine.priority = highPriority
NSLayoutConstraint.activate([
selfWidth,
selfHeight,
contentBox.topAnchor.constraint(equalTo: self.topAnchor, constant: padding),
contentBox.leadingAnchor.constraint(equalTo: self.leadingAnchor, constant: padding),
contentBox.trailingAnchor.constraint(equalTo: self.trailingAnchor, constant: -padding),
contentBox.bottomAnchor.constraint(equalTo: self.bottomAnchor, constant: -padding),
imageView.leadingAnchor.constraint(equalTo: contentBox.leadingAnchor),
imageView.topAnchor.constraint(equalTo: contentBox.topAnchor),
imageView.widthAnchor.constraint(equalToConstant: Layout.grid(4)),
imageView.heightAnchor.constraint(equalToConstant: Layout.grid(4)),
title.leadingAnchor.constraint(equalTo: imageView.trailingAnchor, constant: padding),
titleFirstBaseline,
title.trailingAnchor.constraint(equalTo: self.trailingAnchor, constant: -padding),
bodyFirstBaseLine,
body.leadingAnchor.constraint(equalTo: self.leadingAnchor, constant: padding),
body.bottomAnchor.constraint(equalTo: self.contentBox.bottomAnchor),
body.trailingAnchor.constraint(equalTo: self.trailingAnchor, constant: -padding),
])
}