如何在不封装NSScrollView时告知SwiftUI ScrollView内容尺寸已变更

scaleEffect 属于渲染级别的变换，仅会修改视图的绘制效果，不会改变视图本身的布局尺寸，因此 ScrollView 计算内容大小时仍然会使用图片未缩放的原始布局尺寸，无法感知到缩放后的实际显示大小。

直接通过修改视图的布局属性触发 ScrollView 内容尺寸更新，无需封装 NSScrollView。
核心思路是显式指定图片的布局尺寸和缩放比例绑定，具体实现如下：

• 给图片设置基础尺寸，若使用自定义图片可直接读取其原始尺寸作为基础值
• 将图片的 frame 宽高与缩放状态变量绑定，同步更新布局尺寸

修改后的完整可运行代码：

import SwiftUI

struct MyImageView: View {
    
    @State var scale: CGFloat = 1
    // 图片基础尺寸，可根据实际需求修改，自定义图片可读取原始size
    let baseImageSize: CGFloat = 24
    
    var theImage: some View{
        ScrollView([.horizontal, .vertical]){
            VStack{
                HStack{
                    Image(systemName: "clock.fill")
                        .resizable()
                        .scaledToFit()
                        // 显式指定布局尺寸和scale绑定
                        .frame(width: baseImageSize * scale, height: baseImageSize * scale)
                }
            }
        }
    }
    
    var body: some View {
        theImage
        Slider(value: $scale, in: 1...10)
    }
}

struct ContentView: View {
    var body: some View {
        MyImageView()
    }
}

如果你的场景必须保留 scaleEffect 实现（比如需要配合其他变换动画），只需要在使用 scaleEffect 的同时，给外层添加和缩放比例绑定的 frame 即可：

Image(systemName: "clock.fill")
    .scaleEffect(scale)
    .frame(width: 24 * scale, height: 24 * scale)

修改后缩放状态变化时，图片的布局尺寸会同步更新，ScrollView 会自动识别新的内容大小，滚动条和滚动逻辑都会正常工作。

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