☰

SwiftUI 画像 clipsToBounds 質問する

tag-icon • tag-icon ios swift swiftui
SwiftUI 画像 clipsToBounds 質問する

SwiftUI (Xcode 11.0 ベータ 2) を試して、ビューに画像を表示してみます。

Image("large")
    .resizable()
    .aspectRatio(contentMode: .fill)
    .frame(width: 80, height: 80, alignment: .center)
    .border(Color.black)

レンダリングすると次のようになります:

クリッピングなし

似たようなものを応用したいUIView.clipsToBoundsそのため、画像がクリップされ、ボックスの外側の部分は表示されません。

ベストアンサー1

修飾子を使用すると.clipped()、次のような効果が得られますUIView.clipsToBounds。

Image("large")
    .resizable()
    .aspectRatio(contentMode: .fill)
    .frame(width: 80, height: 80, alignment: .center)
    .border(Color.black)
    .clipped() // Equal to clipsToBounds = true

おすすめ記事