[SwiftUI] - Overlay, Background (겹치기, 중첩, 쌓기)

앞에서 포스팅 했던 ZStack 말고도 뷰를 겹치는 방법이 여러가지가 있는데 먼저

Overlay를 보도록 하겠다.

 

        Rectangle().fill(Color.green).frame(width: 150, height: 150)
        .overlay(
            Rectangle().fill(Color.yellow)
        ) // 뷰 중첩 오버레이, 크기 안정하면 동일해서 겹침

초록색 사각형을 먼저 그린뒤

overlay를 사용하면 덮어씌운다.

따로 크기를 지정하지 않는다면 기존의 뷰와 같은 크기를 만든다.

 

다른 방법으로는

Background가 있다.

Background는 우리가 보통 뒷배경의 색을 바꿀 때 사용했었는데 실제로는 뷰의 하위 계층에 쌓아가는 것이다.

 

        Rectangle().fill(Color.green).frame(width: 150, height: 150)
        .background(
            Rectangle().fill(Color.yellow)
        )

overlay와는 반대로 초록색을 띄우고 있다.

green 사각형 뒷편에 yellow가 생성되었기 때문이다.

 

 

출처: Sweet한 swiftUI