如何在 SwiftUI 中旋转文本、按钮、矩形？答案

【问题标题】：How can you rotate Text, Button, Rectangle in SwiftUI?如何在 SwiftUI 中旋转文本、按钮、矩形？
【发布时间】：2019-06-07 12:09:56
【问题描述】：

如何使用 SwiftUI 将Text、Button 和其他 SwiftUI 设计控件旋转 90 度？

我有意将我的问题建模为这个问题的 SwiftUI 版本：How can you rotate text for UIButton and UILabel in Swift?

当前输出：

预期输出：

【问题讨论】：

标签： ios swiftui

【解决方案1】：

使用任一.rotationEffect() 方法顺时针旋转任一View，包括Button 和Text。

例如，这会将Text 围绕其原点（框架的中心）旋转：

Text("Turtle Rock")
.rotationEffect(Angle(degrees: 90)))

使用带有锚参数的重载方法围绕不同的点旋转。

例如，这会将Text 围绕其框架的左下角旋转：

Text("Turtle Rock")
.rotationEffect(Angle(degrees: 90), anchor: .bottomLeading)

您也可以使用弧度进行旋转：

Text("Turtle Rock")
.rotationEffect(radians: Double.pi / 2)

【讨论】：

非常感谢。按预期工作。
快速说明，因为我刚刚偶然发现：您的第一个示例应该是 Text("Turtle Rock").rotationEffect(Angle(degrees: 90))
是否可以旋转字符串中的每个单独的字符而不旋转整个字符串？
@lochiwei 我认为没有内置的方法，但您可以轻松创建自己的视图来做到这一点。它可以只包含一个字符串作为参数，然后在HStack 内使用ForEach 遍历字符串的字母，并为每个字母旋转单个Texts。