UIBezierPath(2)
-
[CoreAnimation] 물체를 path 따라 움직이기 (feat. 우주비행사 날리기)
오늘은 이 우주비행사를 원하는 경로로 움직여보려고 합니다! 먼저 지난번에 알아본 CAKeyframeAnimation와 UIBezierPath의 개념에 대한 이해가 필요해요. 아래 두곳에 정리해두었는데 참고하시면 좋겠습니다! https://github.com/wody-d/woody-iOS-tip/blob/main/TIL_2022:10:19_uibezierpath.md GitHub - wody-d/woody-iOS-tip: 🐶 iOS에 대한 소소한 팁들과 개발하다 마주친 버그 해결기, 그리고 오늘 🐶 iOS에 대한 소소한 팁들과 개발하다 마주친 버그 해결기, 그리고 오늘 배운 것들을 모아둔 레포 - GitHub - wody-d/woody-iOS-tip: 🐶 iOS에 대한 소소한 팁들과 개발하다 마주친 버그 ..
2022.10.22 -
[CoreAnimation] Layer Masking (feat. 키 모양 만들기)
안녕하세요! 오늘은 레이어 마스킹에 대해서 알아보려 합니다. 트러블 슈팅도 조금 있습니다. 뷰의 일부를 잘라서 보여주고 싶은 애니메이션 구현 내용이 있었습니다. 보통 뷰의 모서리부분을 둥글게 자르는 프로퍼티로 layer.cornerRadius와 maskToBounds를 사용했습니다. 하지만 저희가 완전히 원하는 모양으로 잘라서 일부만 보여주고 싶은 상황이었습니다. 이 상황은 layer의 mask 프로퍼티를 이용해서 해결할 수 있었습니다. 애플에선 이렇게 설명을 합니다. An optional view whose alpha channel is used to mask a view’s content. 뷰의 콘텐츠를 마스킹하는데 알파 채널을 사용하는 선택적 뷰라고 해석할 수 있는데 뷰의 일부만을 보여주고 싶을 때..
2022.10.20