원, 타원, 캡슐, 직사각형, 모서리 깎은 직사각형 등을 통해
원하는 것들을 구현할 수 있다. (버튼, 뷰 등)
색깔 변경, 외곽선, 트림, 프레임 등을 통해 필요한 형태로 변형해서 사용하면 된다.
아래는 예시 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()
}
}
'SwiftUI > SwiftUI(Basic)' 카테고리의 다른 글
3. [SwiftUI] Gradients (Linear, Radial, Angular) _ 그라데이션 (0) | 2023.04.02 |
---|---|
2. [SwiftUI] Color() 컬러 (0) | 2023.04.02 |
0. [SwiftUI] Text() - 텍스트 (0) | 2023.03.28 |
[Stanford] 카드매칭 게임(@ObservableObejct, @ObservedObject, @Published) (0) | 2023.03.26 |
[Stanford] 카드게임 MVVM 적용 (미완성) (0) | 2023.03.26 |