SwiftUI文本缩小以适应布局修饰符minimumScaleFactor

minimumScaleFactor 是 SwiftUI 中一个非常有用的修饰符，用于处理当文本内容太长而无法完全显示在视图中时的情况。它允许文本缩小字体以适应其布局，而不会截断内容。

基本语法

Text("这是一个非常长的文本")
    .font(.title)
    .lineLimit(1) // 限制文本为一行
    .minimumScaleFactor(0.5) // 最小缩放比例

参数说明

minimumScaleFactor 的值是一个介于 0 和 1 的浮点数，表示文本可以缩小的最小比例。

例如，0.5 表示字体可以缩小到原始大小的 50%。

使用示例

1、调整文本大小以适应一行

struct ContentView: View {
    var body: some View {
        Text("SwiftUI 是一个用于构建用户界面的强大框架")
            .font(.largeTitle)
            .lineLimit(1) // 限制为单行
            .minimumScaleFactor(0.3) // 最小缩放到 30%
            .padding()
    }
}

如果文本宽度超出屏幕宽度，minimumScaleFactor 会使文本字体缩小，而不是被截断。

2、配合多行文本

虽然 minimumScaleFactor 一般用于单行文本，但也可以和多行文本结合：

struct ContentView: View {
    var body: some View {
        Text("SwiftUI 是一个用于构建用户界面的强大框架，它简化了开发工作")
            .font(.title)
            .lineLimit(2) // 限制为两行
            .minimumScaleFactor(0.8) // 最小缩放到 80%
            .padding()
    }
}

注意：对于多行文本，minimumScaleFactor 只影响超出行限制部分的缩放。

3、动态宽度的按钮文本

struct ContentView: View {
    var body: some View {
        Button(action: {}) {
            Text("一个非常长的按钮标题")
                .font(.headline)
                .lineLimit(1)
                .minimumScaleFactor(0.7)
        }
        .frame(width: 200, height: 50)
        .background(Color.blue)
        .foregroundColor(.white)
        .cornerRadius(8)
    }
}

在按钮内，当按钮宽度固定且文本过长时，minimumScaleFactor 会自动缩小文本字体，保持美观。

注意事项

1、必须结合 lineLimit 使用：minimumScaleFactor 只有在设置了 lineLimit 时才会生效。

2、影响可读性：缩小字体可能影响可读性，建议在设计中权衡使用。

3、避免过小值：设置过低的缩放比例（例如 0.1）可能导致字体过小而难以辨认。通过合理使用 minimumScaleFactor，可以在设计界面时更灵活地应对文本显示问题，提升用户体验。