Сделайте UILabel на 45 градусов с кроссовым фоном, стремительным

Question

Я хочу отображать текст под углом 45 градусов с цветом фона.

Пример

Заранее спасибо

Answer 1

Этот элемент содержит два подэлемента:

1. треугольник UIView;
2. повернут UILabel.

Первое может быть достигнуто с помощьюсоздание пользовательского представления с переопределением draw метод:

class TriangleView: UIView {

    override func draw(_ rect: CGRect) {
        let path = UIBezierPath()
        path.move(to: .zero)
        path.addLine(to: CGPoint(x: rect.maxX, y: 0))
        path.addLine(to: CGPoint(x: 0, y: rect.maxY))
        path.close()

        UIColor.red.withAlphaComponent(0.5).setFill()
        path.fill()
    }

}

Второй простой поворот преобразования для -45 градусов:

label.transform = CGAffineTransform(rotationAngle: -.pi / 4)

Результат:

Следующее, что вы должны сделать - точно установить UILabel границы (метка не должна уходить за пределы экрана) и количество строк.Ограничения и атрибутивный инспектор для элемента UILabel могут вам помочь.