SwiftUI 入门之clipped是什么如何用

clipped()函数介绍

Clips the view to its bounding rectangular frame.

将View裁剪成矩形

By default, a view’s bounding frame is used only for layout, so any content that extends beyond the edges of the frame is still visible. Use the clipped(antialiased:)modifier to hide any content that extends beyond these edges.

默认情况下，视图的边界框架仅用于布局，因此超出框架边缘的任何内容仍然可见。使用clipped(antialiased:)修饰器可以隐藏超出这些边缘的任何内容。

代码

import SwiftUI

struct ProductCard: View {
    var body: some View {
        VStack(alignment:.leading,spacing: 0){
            Image("circle")
                .resizable()
                .scaledToFit()
                .frame(minWidth:nil,
                       idealWidth: nil,
                       maxWidth: UIScreen.main.bounds.width,
                       minHeight: nil,
                       idealHeight: nil,
                       maxHeight: 300,
                       alignment: .center
            )
            .clipped()
            
        }
    }
}

更多SwiftUI教程和代码关注专栏

• 请关注我的专栏 SwiftUI教程与源码