목록SwiftUI (47)

기어가더라도 제대로

[SwiftUI-기초] strokeBorder() - 도형을 프레임에 딱맞게

.stroke: path 따라서 테두리를 색칠하는 메서드 이용가능한 프레임을 넘겨버림 선을 안쪽으로 그림을 그리고 싶다하면 위의 메서드를 사용해서는 안됨 왜냐하면 직선을 따라서 뭉툭한 연필을 이용해 따라 그리는 상황을 상상해보면 연필의 정중앙이 직선에 오도록하고 그릴 것임 연필은 직선위를 지나므로 양옆으로 넘어가는 부분이 생기는데, 도형에서는 이것을 관리하기가 어려운 부분이 있다. 즉 일정한 간격으로 안쪽으로 들어가게 그리고 싶을 땐 어떻게 하면 좋을까? Circle().stroke(.blue, lineWidth: 40) Circle().strokeBorder(.blue, lineWidth: 40) strokeBorder() 를 이용 그러나 이는 우리가 커스텀하게 만들어 채택한 Shape 프로토콜엔 사용..
SwiftUI - 기초 2022. 11. 16. 16:35
[SwiftUI-기초] Shape, 도형

좌표를 직접 지정해주어야하는 Path에 비해 Frame 값 안에서 허용된 크기만큼 그림을 그리는 것이 Shape 뷰이기 때문에 background 다 가능, 이번엔 삼각형과 아치형을 그려볼 것임 삼각형 struct Triangle: Shape { func path(in rect: CGRect) -> Path { var path = Path() path.move(to: CGPoint(x: rect.midX, y: rect.minY)) path.addLine(to: CGPoint(x: rect.minX, y: rect.maxY)) path.addLine(to: CGPoint(x: rect.maxX, y: rect.maxY)) path.addLine(to: CGPoint(x: rect.midX, y: rect..
SwiftUI - 기초 2022. 11. 15. 14:09
[SwiftUI-기초] path

그림을 그리는데 기초가 되는 선을 만들어 봅시다. Path 는 Color, gradients, shapes 와 마찬가지로 View SwiftUI 에서 Path 는 클로저로 선언 Path 자체에도 shape(squares, circles, arcs, lines) 같은 것을 만드는 메서드가 있음 기본 원리는 "기준점"에서 path 를 추가하는 원리 Path { path in path.move(to: CGPoint(x: 200, y: 100)) path.addLine(to: CGPoint(x: 100, y: 300)) path.addLine(to: CGPoint(x: 300, y: 300)) path.addLine(to: CGPoint(x: 200, y: 100)) } path.move: 기준점을 선언 pat..
SwiftUI - 기초 2022. 11. 14. 09:29
이전 Prev 1 2 3 4 5 6 7 8 ··· 16 Next 다음