
Overlay
overlay 는 뷰 원본의 공간을 기준으로 그 위에 새로운 뷰를 중첩하여 쌓는 기능을 한다. UiKit 에서 addsSubview 메서드와 같은 기능이다.
기본 코드
struct ContentView: View {
var body: some View {
Rectangle()
.fill(Color.red)
.frame(width: 150.0, height: 150.0)
.overlay(
Rectangle()
.fill(Color.green)
.offset(x: 10, y: 10))
)
}
}
실행 화면

Background
뷰 원본의 공간을 기준으로 뷰를 중첩하는 것은 같지만, 위가 아니라 그 아래 방향으로 쌓아 나간다는 점이 다르다.
뷰의 하위 계층에 지정한 색을 가진 또 다른 뷰를 추가하는 기능이다.
기본 코드
struct ContentView: View {
var body: some View {
Rectangle()
.fill(Color.red)
.frame(width: 150, height: 150.0)
.background(Rectangle()
.fill(Color.green)
.offset(x: 20, y: 20)
)
}
}
실행 화면

개발자 Document
https://developer.apple.com/documentation/swiftui/view/overlay(_:alignment:)
Apple Developer Documentation
developer.apple.com
https://developer.apple.com/documentation/swiftui/view/background(_:alignment:)
Apple Developer Documentation
developer.apple.com
'Language > Swift' 카테고리의 다른 글
SwiftUI 에서 미리보기 이용하기 (Preview) (0) | 2022.12.26 |
---|---|
SwiftUI 에서 onAppear() 이용하기 (0) | 2022.12.24 |
SwiftUI 를 이용한 이미지 또는 텍스트에 마스크 씌우기 (Mask) (0) | 2022.12.22 |
SwiftUI를 이용한 메뉴 그리기 (Menu) (0) | 2022.12.21 |
SwiftUI를 이용한 지도 그리기(MapView) (0) | 2022.12.20 |
댓글