[SwiftUI] clipShape

Page·2022년 5월 11일
0
post-custom-banner

clipShape란?

각종 뷰의 모양을 변경해주기 위한 modifier. Shape Protocol을 이용하는 struct를 이용해서 모양을 설정할 수 있다. Style은 추후에 작성.

이런식으로 모양을 변경하고 싶을 때 이용 가능하다.

코드와 스트럭트

import SwiftUI

struct MyClipShape: View {
    var body: some View {
        VStack(spacing: 20) {
            Text("")
                .frame(width: 100, height: 50)
                .background(Color.blue)
            
            Text("")
                .frame(width: 100, height: 50)
                .background(Color.blue)
                .clipShape(RoundedRectangle(cornerRadius: 10))
            
            Text("")
                .frame(width: 100, height: 50)
                .background(Color.blue)
                .clipShape(Capsule())
            
            Text("")
                .frame(width: 100, height: 50)
                .background(Color.blue)
                .clipShape(Circle())
                    
        }
    }

위 이미지를 나타내기 위한 코드. 여기서 clipeShape안에 들어가는 것들을 살펴보면,

이런식으로 모두 Shape 프로토콜을 이용한 Struct라는 것을 알 수 있다.

post-custom-banner

0개의 댓글