리소스 (Color·SF Symbols·Images)
색상, 아이콘, 이미지 리소스 관리
3 min read
앱 전체에서 재사용하는 색상·아이콘·이미지를 관리하는 방법입니다. 모두 편집기 좌상단의 Global Menu 에서 접근합니다.
Color
Color 는 한 번 정의해 여러 곳에서 재사용하고, 값을 바꾸면 사용된 모든 곳에 한 번에 반영됩니다. 모든 색상은 Light / Dark 모드 값을 한 쌍으로 가집니다.
- System Color — 애플이 제공하는 기본 색상. 배경색과 글자색에 쓰면 Dark Mode 가 자동으로 지원됩니다.
- Accent Color — 앱의 기본 색상. 많은 컴포넌트의 기본 색이 이 값을 따르므로, Accent Color 하나로 앱 전체 느낌을 바꿀 수 있습니다.
- User Color — 직접 저장해 두고 재사용하는 색상. Color Picker 에서 Save Color 로 저장하거나, 목록의 + 버튼으로 추가합니다. 색상 원을 누르면 Light/Dark 값을 각각 설정할 수 있습니다.
SF Symbols
애플의 시스템 내장 아이콘 세트입니다. 아이콘이 필요한 곳이라면 어디서나 선택할 수 있습니다 — View/Image 의 Image 섹션, Button 의 아이콘, Slider 의 양 끝 아이콘, Page Control 의 인디케이터 등.
시스템 아이콘은 Rendering Mode 를 선택할 수 있습니다.
- Monochrome — 단색
- Multicolor — 심볼 고유 색
- Hierarchical — 하나의 색을 농도 차이로 표현
Images
앱에서 이미지를 쓰려면 먼저 Image Library 에 등록해야 합니다. Global Menu > Images 에서 관리합니다. 별도의 Image View 컴포넌트는 없으며, View 에 이미지를 설정해 사용합니다.
이미지 추가 방법:
- Insert from… — Files 의 이미지 파일
- Photo — 사진 저장소의 이미지
- Image Playground — 지원 기기에서 만든 이미지
- Drag and Drop — 웹브라우저나 다른 앱에서 끌어오기 (웹 이미지의 경우 URL 만 저장될 수 있음)
지원 포맷: JPG, PNG, GIF.
등록한 이미지는 image 타입 데이터에 바인딩해, API 응답으로 받은 이미지 URL 을 화면에 표시할 수도 있습니다.