SwiftUI中调整LPLinkView链接预览适配指定Frame且不失真

核心问题在于LPLinkView是UIKit组件，SwiftUI的aspectRatio、scaledToFit等修饰符无法直接控制其内部内容的缩放逻辑，必须从UIView层面配置布局属性才能实现适配且不裁切的效果。

解决方案代码修改 #

1. 更新LinkPreviewView实现

import LinkPresentation
import UIKit
import SwiftUI

struct LinkPreviewView: UIViewRepresentable {
    let url: URL
    let maxSize: CGSize // 传入允许的最大尺寸

    func makeUIView(context: Context) -> LPLinkView {
        let linkView = LPLinkView()
        linkView.clipsToBounds = true
        linkView.layer.cornerRadius = 15 // 直接在UIKit层面设置圆角，避免层级裁切冲突
        linkView.contentMode = .scaleAspectFit // 保持内容比例，不裁切超出部分
        return linkView
    }

    func updateUIView(_ uiView: LPLinkView, context: Context) {
        // 复用coordinator中的provider避免重复创建（性能优化）
        let provider = context.coordinator.provider
        provider.startFetchingMetadata(for: url) { metaData, error in
            guard let data = metaData, error == nil else { return }
            DispatchQueue.main.async {
                uiView.metadata = data
                // 计算适配maxSize的最佳尺寸，保持原内容比例
                let fittingSize = uiView.sizeThatFits(self.maxSize)
                uiView.preferredContentSize = fittingSize
                uiView.frame = CGRect(origin: .zero, size: fittingSize)
            }
        }
    }

    // 新增coordinator管理LPMetadataProvider
    func makeCoordinator() -> Coordinator {
        Coordinator()
    }

    class Coordinator {
        let provider = LPMetadataProvider()
    }
}

2. 修改主视图调用逻辑

import SwiftUI

struct SwiftUIView: View {
    @State var text = "https://www.youtube.com/watch?v=Phaq5p6SAmM"
    
    var body: some View {
        if let url = checkForFirstUrl(text: text){
            LinkPreviewView(url: url, maxSize: CGSize(width: 300, height: 200))
                .frame(maxWidth: 300, maxHeight: 200, alignment: .leading)
        }
    }
}

// 保留原有的URL检测函数
func checkForFirstUrl(text: String) -> URL? {
    let types: NSTextCheckingResult.CheckingType = .link

    do {
        let detector = try NSDataDetector(types: types.rawValue)
        let matches = detector.matches(in: text, options: .reportCompletion, range: NSMakeRange(0, text.count))
        if let firstMatch = matches.first {
            return firstMatch.url
        }
    } catch {
        print("URL检测失败：\(error)")
    }

    return nil
}

关键调整说明 #

• UIKit原生属性控制缩放：给LPLinkView设置contentMode = .scaleAspectFit，确保内容按原始比例缩放到指定尺寸内，避免拉伸失真。
• 动态计算适配尺寸：调用sizeThatFits(maxSize)获取符合最大尺寸限制的最佳显示尺寸，同步更新preferredContentSize和frame，让预览视图自动适配边界。
• 统一层级圆角设置：在LPLinkView的layer上设置圆角，避免SwiftUI的cornerRadius修饰符与UIKit视图层级产生裁切冲突。
• 资源复用优化：通过Coordinator管理LPMetadataProvider，避免每次更新视图重复创建实例，提升性能。

可选调整 #

如果需要让内容填充整个Frame（允许裁切超出部分），只需将linkView.contentMode改为.scaleAspectFill即可，此时clipsToBounds = true会自动裁切超出maxSize的区域。

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