SwiftUI UIRepresentable 宽高比在设备旋转时发生变化

Question

我有以下代码

class UIViewTestClass: UIView {
    override func draw(_ rect: CGRect) {
        "Test".draw(at: CGPoint(x: rect.midX, y: rect.midY))
        let context = UIGraphicsGetCurrentContext()
        context?.addRect(rect)
        context?.stroke(rect)
    }
}
struct TestUIView: UIViewRepresentable {
    typealias UIViewType = UIView
    func makeUIView(context: Context) -> UIView {
        let result = UIViewTestClass()
        result.backgroundColor = UIColor(.white)
        return result
    }
    
    func updateUIView(_ uiView: UIView, context: Context) {
    }
}

struct ContentView: View {
    var body: some View {
        TestUIView()
            .frame(maxWidth: .infinity, maxHeight: .infinity)
//            .aspectRatio(contentMode: .fit)
            .padding()
    }
}

它在呈现视图时工作正常，但当设备旋转时，字母会被拉长或挤压。 另外，如果我包含 aspectRatio(contentMode: .fit) 文本是正确的，但视图现在只占据框架的一部分。

我怎样才能防止这种情况发生？

Answer 1

对于UIView ， draw(_ rect: CGRect)函数仅在 UIKit 决定需要调用时调用。

如果你在其中放置一个print("inside draw()")语句，你会发现当你旋转设备时它不会被调用。

对于 UIKit 实现，我们可以实现layoutSubviews()添加对setNeedsDisplay()的调用以告诉 UIKit 调用draw() 。

我不使用 SwiftUI...但快速尝试看起来会起作用：

class UIViewTestClass: UIView {
    override func draw(_ rect: CGRect) {
        "Test".draw(at: CGPoint(x: rect.midX, y: rect.midY))
        let context = UIGraphicsGetCurrentContext()
        context?.addRect(rect)
        context?.stroke(rect)
    }
    override func layoutSubviews() {
        super.layoutSubviews()
        setNeedsDisplay()
    }
}