swift - 我们如何在 SwiftUI 中使用 GeometryReader 获取和读取文本的大小？

问题描述

我正在尝试根据文本字体的大小来读取我的文本的宽度，正如我们所知，GeometryReader 将所有可能的给定位置给他，在这段代码中，它只是将给定的帧大小设为自己，我通过了它，但它没有取我的文本的大小！我在做什么错？我什么 GeometryReader 只开始阅读我的文本大小！不是自己的框架宽度。

这是我的代码：

struct ContentView: View {
    @State var fontSize: CGFloat = 20.0

    var body: some View {
        Spacer()

        textWidthGeometryReader(fontSize: $fontSize)

        Spacer()

        Text("Font size:" + "\(fontSize)")

        Slider(value: $fontSize, in: 20...40, step: 1)
            .padding()

        Spacer()
    }
}

struct textWidthGeometryReader: View {
    @Binding var fontSize: CGFloat

    var body: some View {
        GeometryReader { inSideGeometry in

            Text("width of Text:" + String(format: "%.0f", inSideGeometry.size.width))
                .font(.system(size: fontSize))
                .background(Color.yellow)
                .position(x: inSideGeometry.size.width / 2, y: inSideGeometry.size.height / 2)
        }
        .frame(width: 400, height: 300, alignment: .center)
        .background(Color.gray)
        .cornerRadius(20)
    }
}

标签： swiftswiftui

您可以使用视图首选项。

PreferenceKey首先为视图大小创建一个自定义：

struct ViewSizeKey: PreferenceKey {
    static var defaultValue: CGSize = .zero

    static func reduce(value: inout CGSize, nextValue: () -> CGSize) {
        value = nextValue()
    }
}

创建一个将计算其大小并将其分配给的视图ViewSizeKey：

struct ViewGeometry: View {
    var body: some View {
        GeometryReader { geometry in
            Color.clear
                .preference(key: ViewSizeKey.self, value: geometry.size)
        }
    }
}

在您的视图中使用它们：

struct ContentView: View {
    @State var fontSize: CGFloat = 20.0
    @State var textSize: CGSize = .zero

    var body: some View {
        Spacer()
        Text("width of Text:" + String(format: "%.0f", textSize.width))
            .font(.system(size: fontSize))
            .background(ViewGeometry())
            .onPreferenceChange(ViewSizeKey.self) {
                textSize = $0
            }
        Spacer()
        Text("Font size:" + "\(fontSize)")
        Slider(value: $fontSize, in: 20...40, step: 1)
            .padding()
        Spacer()
    }
}

查看首选项是一个相当高级的话题。你可以在这里找到更详细的解释：

swift - 我们如何在 SwiftUI 中使用 GeometryReader 获取和读取文本的大小？

问题描述

解决方案

推荐阅读