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

Posted 2023-02-24

【中文标题】SwiftUI：如何调整 UIViewRepresentable 输出的大小？

【英文标题】：SwiftUI: how to resize the UIViewRepresentable output?

【发布时间】：2020-12-21 10:25:36

【问题描述】：

我尝试在 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() 似乎不起作用，我所拥有的只是一张裁剪的图像。预期的行为是两个具有保留纵横比的图像和较短一侧的空白空间。这甚至可能吗？

【参考方案1】：

在原始视图上做，在 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)

【讨论】：

我喜欢堆栈溢出，现在几乎爱你今天回答我的第二个问题！我花了两个小时战斗，然后你在三分钟内带来了一个可行的解决方案。只是一个小注释，它是.scaleAspectFit，但它有效！