본문 바로가기

728x90

UIBezierPath3

[iOS/UI] UIBezierPath 쉽게 사용하기 (feat. EasierPath) 안녕하세요 Foma 💻 입니다! 오늘은 직접 원하는 모양을 그릴 수 있는 UIBezierPath를 더욱 쉽게 사용할 수 있는 EasierPath에 대해서 알아 보겠습니다. 바로 시작할게요~! UIBezierPath 평소에 원하는 모양을 직접 커스텀해서 그릴 때 UIBezierPath를 자주 사용 했었는데요. 먼저 UIBezierPath를 이용해서 항아리 모양을 그리는 코드를 작성해 보겠습니다. 1. UIBezierPath 인스턴스를 생성해 그려준다. let bezierPath:UIBezierPath = UIBezierPath() bezierPath.move(to: CGPoint(x: 100, y: 100)) bezierPath.addLine(to: CGPoint(x: 200, y: 100)) bezier.. 2022. 5. 30.

[iOS/UI] UIBezierPath 안을 Gradient 컬러로 채우기 (Fill a UIBezierPath with Gradient Color) 안녕하세요 Foma💻 입니다! 오늘은 UIBezierPath 안을 Gradient 컬러로 채우는 방법에 대해서 알아보도록 하겠습니다. 바로 시작할게요~ TestView 뷰를 아래와 같이 초기화 해줍니다. class TestView: UIView { override init(frame: CGRect) { super.init(frame: frame) } required init?(coder: NSCoder) { fatalError("init(coder:) has not been implemented") } override func draw(_ rect: CGRect) { } } UIBezierPath 이제 UIBezierPath를 draw 메서드 안에 그려보겠습니다. 타원형 경로를 아래와 같이 생성해 줍니다.. 2022. 5. 2.

[iOS/UI] UIBezierPath의 거의 모든 것 (feat. 모양,곡선,직선 그리기) 안녕하세요 Foma 💻 입니다! 오늘은 원하는 모양을 직접 그릴 수 있는 UIBezierPath에 대해서 알아보려고 합니다. 예전부터 다루고 싶은 주제였는데 드디어 정리하게 되네요..! 바로 시작할게요~ UIBezierPath란? UIBezierPath는 UIKit에서 그리기(Drawing)에 속해있는 클래스입니다. 그러므로 어떤 것을 그리기 위한 기능들이 속해있겠죠? 애플 공식 문서에는 아래와 같이 정의하고 있습니다. A path that consists of straight and curved line segments that you can render in your custom views. 해석하면 view에서 렌더링 할 수 있는 직선과 곡선으로 구성된 경로라고 하네요. Initializer Bez.. 2022. 3. 21.

이전 1 다음

728x90

티스토리툴바