iOS-Practice/ProgressBar Practice at main · heerucan/iOS-Practice

스크린샷 2021-08-30 오후 7.44.37.png

위와 같은 원형 프로그래스바를 만들어주기 위해서 UIBezierPath를 이해하고 시작해야 한다.

<aside> ❓ UIBezierPath (베지에 패스) A path that consists of straight and curved line segments that you can render in your custom views. = 커스텀 뷰에서 만들 수 있는 직선과 곡선 부분으로 구성된 선이다.

</aside>

그렇기 위해서는 Custom UIView를 만들어서 VC에 불러와야 한다. 아래와 같이

스크린샷 2021-08-30 오후 9.48.13.png

스크린샷 2021-08-30 오후 9.46.56.png

아래 코드를 사용해야 끝부분이 둥글게 마감처리가 됨

path.lineCapStyle = .round

근데 어떻게 해야 한 쪽은 직각이고, 한 쪽은 둥글게 줄 수 있을지는 의문이다....

butt

butt

square

square

round

round

출처 : 위대한 zeddios 티스토리

출처 : 위대한 zeddios 티스토리