SwiftUI：如何调整 UIViewRepresentable 输出的大小？

编程问答 2022-06-02

问题描述

我尝试在 SwiftUI 上构建一个基本的 Live Photo 应用程序，但在显示所选照片时遇到了困难。为此，我尝试为 PHLivePhotoView 制作 UIViewRepresentable：

import SwiftUI
import PhotosUI

struct LivePhotoView: UIViewRepresentable {
    @Binding var livephoto: PHLivePhoto

    func makeUIView(context: Context) -> PHLivePhotoView {
        return PHLivePhotoView()
    }

    func updateUIView(_ lpView: PHLivePhotoView,context: Context) {
        lpView.livePhoto = livephoto
    }
}

在我的主视图中，我这样称呼它：

if pickerResult.count > 0 {
    LivePhotoView(livephoto: $pickerResult[0])
}

直到我尝试限制视图大小时它都可以正常工作。我想将预览放入带有类似内容的方框中

LivePhotoView(livephoto: $pickerResult[0])
    .scaledToFit()
    .frame(width: geo.size.width,height: geo.size.width,alignment: .center)

但 scaledToFit() 似乎不起作用，我所拥有的只是一张裁剪过的图像。预期行为是两个具有保留纵横比的图像和较短边上的空白空间。这甚至可能吗？

解决方法

在原始视图上执行，在 SwiftUI 中只限制一个框架，例如

func makeUIView(context: Context) -> PHLivePhotoView {
    let photoView = PHLivePhotoView()
    photoView.contentMode = .scaleAspectFit
    return photoView
}

和（甚至没有）frame 修饰符

LivePhotoView(livephoto: $pickerResult[0])
    .frame(width: geo.size.width,height: geo.size.width,alignment: .center)
iosiosphlivephotoswiftuiuiviewrepresentable