[SwiftUI] clipShape

뷰에 대한 클리핑 모양을 설정한다.

func clipShape<S>(
    _ shape: S,
    style: FillStyle = FillStyle()
) -> some View where S : Shape

shape 파라미터는 뷰에 사용할 클리핑 모양으로, 가로 세로 비율을 유지하면서 뷰의 프레임을 채운다. shape 파라미터는 Shape 프로토콜을 채택한다.

style 파라미터는 모양을 래스터화할 때 사용할 fill 스타일로, 기본값이 존재한다.

참고로 FillStyle은 벡터 도형을 래스터화하기 위한 스타일로, 구조체이다. 여기서 래스터화란, 그래픽을 렌더링하기 위한 방식 중 하나로, 화면의 오브젝트를 픽셀로 매핑하는 것을 의미한다.

 

style을 사용해서 도형의 래스터화를 정의하고 뷰에 shape를 클리핑한다.

제공된 shape로 clipShape(_:style:)을 사용하여 뷰를 클리핑한다. 뷰에 클리핑 shape를 적용하면, 뷰의 다른 부분은 제거하면서 shape로 덮인 뷰의 일부는 보존할 수 있다. 클리핑 shape 자체는 표시되지 않는다.

예를 들어 다음 코드는 Text 뷰에 원형 클리핑 shape를 적용한다.

Text("Clipped text in a circle")
    .frame(width: 175, height: 100)
    .foregroundColor(Color.white)
    .background(Color.black)
    .clipShape(Circle())

결과를 보면, 원 범위 내에 있는 텍스트 부분만 표시된다.

 

shape 파라미터에 들어가는 뷰들은 모두 Shape 프로토콜을 채택하고 있다.

var body: some View {
        VStack(spacing: 20) {
            Color.pink
                .frame(width: 200, height: 50)
            
            Color.pink
                .frame(width: 200, height: 50)
                .clipShape(Circle())
            
            Color.pink
                .frame(width: 200, height: 50)
                .clipShape(Ellipse())
            
            Color.pink
                .frame(width: 200, height: 50)
                .clipShape(Capsule())
                    
        }
    }

---

FillStyle

FillStyle은 벡터 도형을 래스터화하기 위한 스타일로, 구조체이다. 지정된 설정으로 새로운 fill style을 생성한다.

여기서 래스터화란, 그래픽을 렌더링하기 위한 방식 중 하나로, 화면의 오브젝트를 픽셀로 매핑하는 것을 의미한다.

---

 

clipShape(_:style:) | Apple Developer Documentation