쭉에서 생성AI를 붙이면서 그쪽으로 넘어가게하기 위한 이쁘장만 테두리 그라데이션 삐용삐용이 필요해서 찾아봤는데 역시나 킹종권행님께서 이미 만들어두셨다. 하지만 뭔가 그냥 쇽샥하는건 죄책감도 들고 얻어가는것도 없고 해서 그냥 여기에서 사용한 개념들을 정리해보면 좋을거 같아서 이렇게 아티클을 쓰게 되었단단다.
CALayer의 subclass이며, background 색상이나 layer의 색상을 gradient으로 만들 수 있는 인스턴스
주요 인스턴스들이 있는데 여기서 가장 핵심이 되는건 바로 **location
**입니다!
→ 색상들을 어디까지 그릴지, 정지 위치를 직접 지정할 수 있다! +) 근데 이제 optional이기에 안 정해두면 균일하게 분배된답니당 ><
+) 오름차순으로 안 주면 그라데이션이 망간진다는 사실! 잊지마세욤 ><
아래 소들이님의 사진을 참고햇어용!
또 한가지 중요한 부분은 **type
**인데욤! 총 3가지가 있답니다!
이건 사진으로 보는게 더 이해가 잘될겨~
이 세 종류에 따라 시작과 끝 포인트가 달라지니까 그것만 주의해주면 좋을듯!
axial: 선처럼 | radial: 원처럼 | radial: 원처럼 | |
---|---|---|---|
시작점(0,0) | 좌측 상단 | 원 내부 중심 | 우측하단 |
끝점(1,1) | 우측 하단 | 원 바깥 테두리 | (0,0)에서 한바퀴 돌은 지점 |
UIBezierPath view에서 렌더링 할 수 있는 직선과 곡선으로 구성된 경로 라고 쓰면서 → 원하는 모양을 직접 그릴 수 있도록 도와줍니다!
생성자만 보더라도 사각형, 타원, 둥근사각형, 호 등등 다양한 것을 만들 수 있는게 보임!
근데 너무 많아서 다 보긴 좀 그렇고… 내가 어떻게 CAShapeLayer와 같이 사용했는지를 보겠습니당!