如何旋转iOS UILabel并使其贴合屏幕边缘？

我有一个UILabel（credentialsView），初始状态如下：

希望将标签旋转270度，达到如下目标效果：

我尝试用CGAffineTransform.rotated方法实现旋转，代码如下：

credentialsView.text = "Developed in EVNE Developers"
credentialsView.transform = credentialsView.transform.rotated(by: CGFloat(Double.pi / 2 * 3))

但实际得到的效果和预期不符：

请问如何在不改变视图边界形状的前提下旋转视图，并保持屏幕边缘16px的内边距？我尝试了多种方法，包括扩展UILabel以便在Storyboard中直接查看旋转效果、将视图放入带leading约束的StackView等，但均无效。

这个问题本质是UIKit的旋转变换基于视图**锚点（anchorPoint）**执行，默认锚点是视图中心，再加上AutoLayout只会识别视图原始边界的布局规则，导致旋转后位置和边距不符合预期。下面给你几个可行的解决思路：

方案1：调整锚点+修正约束（推荐） #

通过修改锚点让旋转基准对齐我们需要的位置，再配合约束固定边距：

credentialsView.text = "Developed in EVNE Developers"
// 将锚点设置为视图左上角，旋转后会以此为基准定位
credentialsView.layer.anchorPoint = CGPoint(x: 0, y: 0)
// 应用270度旋转（等价于-90度，计算更简洁）
credentialsView.transform = CGAffineTransform(rotationAngle: -CGFloat.pi/2)
// 固定屏幕边缘16px内边距的约束
NSLayoutConstraint.activate([
    credentialsView.leadingAnchor.constraint(equalTo: view.leadingAnchor, constant: 16),
    credentialsView.topAnchor.constraint(equalTo: view.topAnchor, constant: 16)
])

⚠️ 注意：如果是Storyboard创建的视图，记得先将translatesAutoresizingMaskIntoConstraints设为false，再添加上述约束。

方案2：容器视图包裹法 #

用一个容器视图负责布局位置，内部标签只处理旋转，逻辑更清晰：

// 1. 创建容器视图并设置边距约束
let containerView = UIView()
containerView.translatesAutoresizingMaskIntoConstraints = false
view.addSubview(containerView)
NSLayoutConstraint.activate([
    containerView.leadingAnchor.constraint(equalTo: view.leadingAnchor, constant: 16),
    containerView.topAnchor.constraint(equalTo: view.topAnchor, constant: 16)
])

// 2. 将标签添加到容器并居中
containerView.addSubview(credentialsView)
credentialsView.translatesAutoresizingMaskIntoConstraints = false
NSLayoutConstraint.activate([
    credentialsView.centerXAnchor.constraint(equalTo: containerView.centerXAnchor),
    credentialsView.centerYAnchor.constraint(equalTo: containerView.centerYAnchor)
])

// 3. 旋转标签
credentialsView.text = "Developed in EVNE Developers"
credentialsView.transform = CGAffineTransform(rotationAngle: -CGFloat.pi/2)

方案3：自定义UILabel（适配Storyboard预览） #

如果想在Storyboard里直接看到旋转效果，可以自定义Label重绘逻辑：

class RotatedLabel: UILabel {
    override func drawText(in rect: CGRect) {
        guard let context = UIGraphicsGetCurrentContext() else {
            super.drawText(in: rect)
            return
        }
        // 调整坐标系后旋转270度
        context.translateBy(x: 0, y: rect.height)
        context.rotate(by: -CGFloat.pi/2)
        // 交换宽高适配旋转后的绘制区域
        super.drawText(in: CGRect(x: 0, y: 0, width: rect.height, height: rect.width))
    }
    
    override var intrinsicContentSize: CGSize {
        // 交换原始宽高，让AutoLayout识别旋转后的尺寸
        let originalSize = super.intrinsicContentSize
        return CGSize(width: originalSize.height, height: originalSize.width)
    }
}

使用这个自定义Label后，直接在Storyboard设置16px的leading和top约束，就能实时预览旋转效果，布局也会自动适配。

你的原始代码失效的核心原因是：默认锚点为视图中心，旋转后视图位置会基于中心偏移，且AutoLayout不会自动适配变换后的尺寸，导致边距和位置错乱。调整锚点或用容器视图，就能完美解决这个问题啦！

内容的提问来源于stack exchange，提问作者Nikita Yankov