[iOS] SF Symbols 알아보기 (애플기본이미지 사용하기)
안녕하세요. 물먹고하자 입니다. 회사업무에는 디자인팀이 있다보니 상관없지만, 개인개발시 아이콘 하나 구하기도 빡센것 같습니다.
iOS 13 이상부터 애플에서 제공하는 기본 이미지를 사용할 수 있는데, 이름을 몰라서 못쓰고 있어서 찾아보니 앱으로도 제공을 하고 있어서 공유드립니다.
샘플시작
샘플소스 : https://github.com/kimjiwook/JW_iOS_Example.git
(샘플 앱중 SF Symbols 실행부분)
애플 디자인 리소스 : https://developer.apple.com/design/resources/
해당 사이트에서 SF Symbols 앱 다운로드 가능합니다. (받으시는거 추천!)
앱 실행하면 우리가 많이 보던 아이콘들이 나옴!
애플에서 사용되는 아이콘들이겠죠?!
아이콘들 우클릭해서 정보를 보니 [기호복사, 이름복사] 기능이 있습니다.
해당기능 사용시 이렇게 복사 됨!
폰트에 따라 조금조금씩 틀림 (뒤에서 언급하는데, 지원되는 폰트가 없어서 결국 똑같음)
그리고 색상에 대한 옵션이 있는 아이콘인지 아닌지도 확인가능 (신기함..)
샘플 앱에서 이미지, 버튼에 적용된거 확인가능
텍스트는 결국 폰트 문제로 ?? 로 나옴
마무리
iOS13 때 system image 추가된건 알고 있었는데, 이름을 몰라서 사용을 못하고 있던부분도 있었다.
이번에 심심해서 찾아보니 결국 어딘가에 정리되어 있다는걸 알았고, 프로젝트에 일부는 활용중이다.
알고 있으면 좋을 것 같아서 공유드립니다.
즐거운 코딩되세요~
댓글
댓글 쓰기