Language46 SwiftUI 에서 Path 사용하기 SwiftUI는 사용자가 원하는 Custom Shape를 그릴 수 있도록 Path 를 제공한다. Path 는 그 자체로 View 다. Paths 는 위치 값을 가진 선, 곡선 및 기타 정보를 목록이다. Shape 내부에 Path(in:) 메서드가 호출이 끝나야 최종적인 사이즈를 알 수 있다. 기본 코드 struct ContentView: View { var body: some View { Path { path in path.move(to: CGPoint(x: 200, y: 0)) path.addLine(to: CGPoint(x: 200, y: 200)) path.addLine(to: CGPoint(x: 0, y: 200)) path.addLine(to: CGPoint(x: 0, y: 0)) path.cl.. 2022. 12. 15. SwiftUI 에서 반복문 사용하기 (ForEach) 일반적으로 ForEach를 사용하여 SwiftUI 에서 View를 반복할 수 있다. forEach() 방식과 동일하다고 생각할 수 있지만 그렇지 않다. 기본 코드 struct ContentView:View { var body: some View { Form { ForEach(1.. 2022. 12. 14. SwiftUI를 이용한 색상 선택 Picker 이용하기 (ColorPicker) ColorPicker 는 현재 선택한 색상을 표시하는 색상 저장소를 제공하고, 사용자가 새로운 색상을 선택할 수 있도록 도와준다. 기본 코드 struct ContentView: View { @State private var bgColor = Color.white var body: some View { VStack { ColorPicker("배경화면 선택", selection: $bgColor) .padding() } .frame(maxWidth: .infinity, maxHeight: .infinity) .background(bgColor) .edgesIgnoringSafeArea(.all) } } 실행 화면 개발자 Document https://developer.apple.com/documentatio.. 2022. 12. 12. SwiftUI를 이용한 날짜 피커 이용하기 (DatePicker) 값이 변경되는 걸 보여주려면 @State 에 바인딩 되어야 한다. 기본 코드 struct ContentView: View { @State private var wakeUp = Date() var body: some View { Form { DatePicker("날짜를 선택하세요", selection: $wakeUp) .datePickerStyle(WheelDatePickerStyle()) .padding() } } } 실행 화면 스타일 속성에 displayedComponents: .date 를 지정하면 달력 팝업이 표출된다. 개발자 Document Apple Developer Documentation Apple Developer Documentation developer.apple.com 2022. 12. 11. 이전 1 2 3 4 5 6 7 8 ··· 12 다음
