Make UILabel at 45 degree with a cross background colour swift

Question

I want to display a text at 45 degree with a background color.

Example

Thanks in advance

Answer 1

This element contains two sub-elements:

1. triangle UIView;
2. rotated UILabel.

First can be achieved by creating custom view with override draw method:

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()
    }

}

The second is simple transform rotation for -45 degree:

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

Result:

Next thing you should manage – precisely set UILabel bounds (label shouldn't go away from the screen) and lines count. Constraints and attributed inspector for UILabel element can help you.