Swift에서 이미지(systemName:)에 사용할 수 있는 모든 이미지를 검색합니다.UI

Swift에서 이미지(systemName:)에 사용할 수 있는 모든 이미지를 검색합니다.UI

할 수 수 요?Image(systemName:)

나는 단지 사용하고 있다"chevron" ★★★★★★★★★★★★★★★★★」"star.fill"에서 발견된 와 같이 시리즈입니다.UI 튜토리얼 시리즈그러나 공식 문서에는 아이콘의 전체 목록이 없습니다.

이러한 아이콘을 SF 기호라고 합니다.iOS 13 이상, MacOS 11 이상에서 사용할 수 있는 기호는 3,300개 이상입니다.OS 6 이후 및 tvOS 13 이후이미지를 사용할 수 있는 모든 위치에 기호를 사용할 수 있습니다.

전체 기호를 보려면 SF 기호 앱을 다운로드하십시오.SF 심볼에 대한 자세한 내용은 여기를 참조하십시오.

SF 심볼 갱신 이력:

---

SF 심볼 2에는 750개가 넘는 새로운 심볼이 도입되어 있습니다.다음 내용이 포함됩니다.

• 150개가 넘는 사전 구성된 다색 기호로 진동, 접근성 설정 및 표시 모드에 자동으로 적응
• 표준 기호와 사용자 정의 기호 모두에 음의 측면 여백이 있어 수평 정렬을 보다 효과적으로 제어할 수 있습니다.
• 아랍어, Devanagari 및 히브리어 스크립트 고유 기호뿐만 아니라 오른쪽에서 왼쪽으로 쓰기 시스템을 위한 현지화된 기호 변형

---

SF 심볼 3은 600개가 넘는 새로운 심볼, 강화된 색상 맞춤, 새로운 인스펙터 및 향상된 커스텀 심볼 지원을 특징으로 합니다.

---

SF 기호 4에는 1000개가 넘는 새로운 기호, 가변 색상, 자동 렌더링 및 새로운 통합 레이어 주석이 있습니다.이러한 새로운 기호는 iOS 16, iPadOS 16, macOS 13, tvOS 16 및 watchOS 9를 실행하는 앱에서 사용할 수 있습니다.

---

사용.

UIKit:

let heartImage = UIImage(systemName: "heart.fill")

SwiftUI:

let heartImage = Image(systemName: "heart.fill")

앱 by »

애플은 SF 심볼이라고 불리는 전용 앱을 가지고 있다.여기서 최신 버전을 다운로드하여 전체 기호를 참조해야 합니다.

---

X코드 14

라이브러리를 사용하여 Xcode 앱에서 모든 기호를 바로 미리 볼 수 있습니다.

command + +

---

중요사항

미리보기, 내보내기 및 즐길 수 있는 새로운 기호를 사용하려면 항상 앱에 있어야 합니다.내보내기 옵션은 에서만 사용할 수 있습니다.SF Symbolsdiscloss.

---

하위 호환성

iOS 14 이상용 SF Symbols 2.0에서 도입된 새로운 멀티컬러 심볼과 같은 새로운 심볼을 사용해야 하는 경우 앱 자체를 사용하여 내보내고 프로젝트의 자산으로 Import할 수 있습니다.이 답변의 1단계와 2단계에서는 이전 iOS 버전에서 사용하기 위해 기호를 내보내는 방법을 보여 줍니다.

SF 심볼 이미지를 Swift로 사용할 수 있습니다.UI

Image(systemName: "person")

다운로드 링크 : https://developer.apple.com/design/resources/

Xcode가 설치되어 있는 경우 별도의 앱을 다운로드하지 않고도 모든 이미지를 미리 볼 수 있습니다.

요점은 Swift가 아닌 스토리보드로 봐야 한다는 것입니다.UI 캔버스

스토리보드에 UIImageView를 추가한 후 이미지 근처에 있는 드롭다운 화살표를 누릅니다.Apple에서 제공하는 전체 이미지 목록을 볼 수 있습니다.

이미지 이름을 복사한 후 위의 다른 답변과 동일하게 사용합니다.

Image(systemName: "square.and.arrow.up")

Senseful의 답변은 약간 더 빠르고 쉽게 변형되었습니다.

스토리보드 보기에서 화면 상단의 추가 버튼을 클릭합니다.열려 있는 대화 상자에서 이미지 아이콘을 클릭하면 모든 시스템 아이콘을 스크롤할 수 있습니다.그런 다음 에서 아이콘 이름을 참조하면 사용할 수 있습니다.UIImage(systemName: iconName).

Xcode 12.5로 테스트 완료.

이 Swift 패키지 SFSafe Symbols를 참조하십시오.

열거형에서 모든 SF 심볼에 액세스할 수 있습니다.

static func getRandomSFSymbol() -> SFSymbol {
    return SFSymbol.allCases.randomElement() ?? SFSymbol.xCircle
}

모든 이름은 다음 URL에서도 찾을 수 있습니다.

https://developer.apple.com/design/human-interface-guidelines/sf-symbols/overview/

xcode로 할 수 있다고 생각했는데 애플은 https://developer.apple.com/sf-symbols/를 다운로드하는 것을 추천합니다.

3,300개가 넘는 기호를 가진 SF 심볼은 Apple 플랫폼의 시스템 폰트인 San Francisco와 심리스하게 통합되도록 설계된 아이콘그래피 라이브러리입니다.

SF Symbols시스템 아이콘의 프레임워크는iOS 13+.

전체 아이콘 목록은 다음 사이트에서 확인할 수 있습니다.

https://sfsymbols.com

아쉽게도 이 사이트는 Apple의 라이선스에 의해 이미지를 직접 표시 및/또는 미리보기 할 수 없습니다.단, 키워드는 프리뷰를 통해 자체 목록을 생성하기 위해 필요합니다(적어도 somebody-like-me 니즈).

경고: SF-Symbols에는 이상한 사용 규칙이 있습니다.걱정되는 분은 다른 무료 아이콘을 찾으세요.

예: https://github.com/google/material-design-icons
또는 https://github.com/jossef/material-design-icons-iconfont
(Apache 2.0 라이선스, 속성 불필요)

다 찾았어요.SFSymbols이 레포에 이름을 넣고

온라인 SF 심볼 브라우저

언급URL : https://stackoverflow.com/questions/56514998/find-all-available-images-for-imagesystemname-in-swiftui