Starbucks Caramel Frappuccino
본문 바로가기
  • 그래 그렇게 조금씩
SwiftUI/SwiftUI(Basic)

1. [SwiftUI] Shapes 도형

by Toughie 2023. 4. 2.

 

원, 타원, 캡슐, 직사각형, 모서리 깎은 직사각형 등을 통해

원하는 것들을 구현할 수 있다. (버튼, 뷰 등)

색깔 변경, 외곽선, 트림, 프레임 등을 통해 필요한 형태로 변형해서 사용하면 된다.

아래는 예시 Modifiers 코드이다.

//  Created by Toughie on 2023/04/02.
//

import SwiftUI

struct Shapes: View {
    var body: some View {
        Circle() //원
        
        Ellipse() //타원
        
        Capsule(style: .circular) //캡슐모양
        
        Rectangle() //직사각형
        
        RoundedRectangle(cornerRadius: 50) //모서리 깎은 직사각형_자주 씀(텍스트, 사진 삽입 등)
        
        
            .fill(Color.blue) //색상 변경(fill)
            .foregroundColor(.pink) //색상 변경
            .stroke() // 외곽선
            .stroke(Color.green) //외곽선 컬러 변경
            .stroke(Color.blue, lineWidth: 4.0) //외곽선 컬러 / 두께
        
            .stroke(Color.orange, style: StrokeStyle(lineWidth: 20, lineCap: .round, dash: [50]))
        
//          lineCap: The endpoint style of a segment.
//           dash : The lengths of painted and unpainted segments used to make a dashed line.
        
            .trim(from: 0.1, to: 1) // 트리밍
            .stroke(Color.purple, lineWidth: 50) //로딩바에 활용 가능하겠다!
            .frame(width: 300, height: 200) //너비, 높이 조절
        
    }
}

struct Shapes_Previews: PreviewProvider {
    static var previews: some View {
        Shapes()
    }
}