Offset

import SwiftUI

struct Offset: View {
    var body: some View {
        HStack {
            ZStack{
                Rectangle()
                    .fill(.red)
                    .frame(width: 100, height: 100)
                
                Text("1")
                    .bold()
                    .font(.largeTitle)
            }
            
            
            
            ZStack {
                Rectangle()
                    .fill(.yellow)
                .frame(width: 100, height: 100)
                
                Text("2")
                    .bold()
                    .font(.largeTitle)
            }
        }
    }
}

struct Offset_Previews: PreviewProvider {
    static var previews: some View {
        Offset()
    }
}

1번 사각형과 2번 삼각형을 HStack에 넣고 Offset의 작동방식을 알아보기로 한다.

아이폰에서의 좌표평면은 아마도 위에서 아래쪽으로 내려오는 방식으로 보인다.
(일반적인 좌표평면의 수직으로 뒤집은 형태)

     ZStack {
                Rectangle()
                    .fill(.yellow)
                .frame(width: 100, height: 100)
                
                Text("2")
                    .bold()
                    .font(.largeTitle)
            }
            .offset(x: 100)

2번 사각형에 .offset을 이용하여 x에 100의 값을 줘보자.

다시 2번 사각형의 .offset에 y값을 추가해보자

            ZStack {
                Rectangle()
                    .fill(.yellow)
                .frame(width: 100, height: 100)
                
                Text("2")
                    .bold()
                    .font(.largeTitle)
            }
            .offset(x: 100, y: 100)