기본 제공 아이콘들의 퀄리티가 좋기 때문에, 잘 활용하면 좋다.
https://developer.apple.com/sf-symbols/
SF Symbols - Apple Developer
With nearly 4,500 symbols, SF Symbols is a library of iconography designed to integrate seamlessly with San Francisco, the system font for Apple platforms.
developer.apple.com
아이콘 이름은 SF Symbols 앱에서 확인할 수 있다.
fill vs fit
frame의 위 아래에 꽉 맞춰 채우는 .fill(가장자리 삐져나옴)
frame 내부에 딱 맞게 채우는 .fit(프레임 밖으로 삐져나오지 않음)
.aspectRatio(contentMode: .fit OR .fill)
.scaledToFit() OR .scaledToFill만약 fill로 채우고 frame에서 벗어나는 부분을 자르려면 frame 뒤에 .clipped()를 사용하자 (아래와 같이는 안 쓰겠지만)
여러가지 색상을 지원하는 icon들도 있다.( SF Symbol의 multicolor)
.renderingMode를 통해 여러가지 색상을 정할 수 있다.
다만 위의 예시에서 +버튼의 컬러는 바꾸지 못하고, 사람의 컬러만 바꿀 수 있다.
정말 커스텀 디자인과 컬러가 필요하다면 아이콘을 직접 디자인 해서 쓰는게 맞다..
'SwiftUI > SwiftUI(Basic)' 카테고리의 다른 글
| 6. [SwiftUI] .frame() 프레임 (0) | 2023.04.03 |
|---|---|
| 5. [SwiftUI] Image() 이미지 삽입 (0) | 2023.04.03 |
| 3. [SwiftUI] Gradients (Linear, Radial, Angular) _ 그라데이션 (0) | 2023.04.02 |
| 2. [SwiftUI] Color() 컬러 (0) | 2023.04.02 |
| 1. [SwiftUI] Shapes 도형 (0) | 2023.04.02 |
