Apple HIG: Navigation Components
Apple 표준 검색 및 탐색 구현
Apple Human Interface Guidelines 를 준수하는 검색 필드, 페이지 컨트롤, 경로 컨트롤 구현을 제공합니다. 앱의 탐색이 iOS, macOS 및 기타 Apple 플랫폼에서 네이티브하고 직관적으로 느껴지도록 보장합니다.
تنزيل ZIP المهارة
رفع في Claude
اذهب إلى Settings → Capabilities → Skills → Upload skill
فعّل وابدأ الاستخدام
اختبرها
استخدام "Apple HIG: Navigation Components". 탭 바가 있는 iOS 앱에서 검색은 어디로 가야 합니까?
النتيجة المتوقعة:
탭 바가 있는 iOS 앱의 경우 세 가지 주요 옵션이 있습니다: 1) 탭 바의 오른쪽 끝에 있는 시각적으로 구분된 탭으로 검색 (검색을 항상 표시 가능하게 유지), 2) 하단 툴바에서 검색 (확장된 필드 또는 필드로 애니메이션되는 버튼), 또는 3) 콘텐츠와 인라인으로 검색. Apple 은 검색이 우선순위이고 공간이 있을 때 하단 배치를 권장합니다. 앱의 목표에 따라 검색 필드가 포커스된 상태로 시작 (키보드가 즉시 나타남) 또는 포커스 해제된 상태 (발견 촉진) 로 시작할지 고려하십시오.
استخدام "Apple HIG: Navigation Components". 페이지 컨트롤과 경로 컨트롤의 차이점은 무엇입니까?
النتيجة المتوقعة:
페이지 컨트롤은 순서가 있는 선형 시퀀스 (온보딩 화면 또는 사진 갤러리와 같은) 의 페이지를 나타내는 표시기 도트 행을 표시합니다. 이는 사용자가 순서가 있는 목록의 피어 간을 탐색하는 데 도움이 됩니다. 경로 컨트롤은 선택한 항목의 파일 시스템 경로를 표시하며, 루트 디스크에서 상위 폴더를 거쳐 현재 항목까지의 계층을 표시합니다. 경로 컨트롤은 macOS 전용이며 Finder 의 경로 바와 같은 파일 탐색에 사용되는 반면, 페이지 컨트롤은 이산 콘텐츠 페이지의 iOS/iPadOS 페이지네이션을 위한 것입니다.
استخدام "Apple HIG: Navigation Components". Mail 과 같이 검색 범위 토큰을 어떻게 추가합니까?
النتيجة المتوقعة:
토큰은 사용자가 필터로 선택하고 편집할 수 있는 검색어에 대한 시각적 표현입니다. 검색 필드에서 토큰을 구현하려면: 1) 일반적인 검색어 또는 항목 (Mail 의 특정 연락처 또는 Messages 의 사진 필터와 같은) 을 정의, 2) 선택 가능한 항목으로 용어를 캡슐화하는 시각적 처리 적용, 3) 토큰이 추가 검색어를 필터링하도록 허용, 4) 사용자가 사용 가능한 토큰을 발견할 수 있도록 토큰과 검색 제안 연결 고려, 5) 토큰 지원을 위해 SwiftUI 의 searchable API 또는 UISearchTextField 사용. 토큰은 검색을 특정 속성에 집중시켜 검색을 명확하게 합니다.
التدقيق الأمني
آمنAll 200 static analysis findings are false positives from pattern matching on Markdown documentation content. This skill contains only Apple Human Interface Guidelines reference documentation with no executable code. The detected 'external_commands' patterns are inline code formatting (backticks in Markdown), 'network' patterns are legitimate documentation links to developer.apple.com, and 'blocker' patterns match words in UI component names and API references. This is safe documentation content.
درجة الجودة
ماذا يمكنك بناءه
iOS 앱에서 검색 구현
iOS 개발자가 앱에 검색 기능을 추가해야 합니다. 이 스킬을 사용하여 검색을 탭 바, 툴바 또는 인라인 중 어디에 배치할지, 그리고 결과 필터링을 위한 범위 컨트롤을 어떻게 구현할지 이해합니다.
사진 갤러리에 페이지네이션 추가
사진 갤러리 앱을 구축하는 개발자가 탐색을 위한 페이지 컨트롤이 필요합니다. 이 스킬을 참조하여 적절한 페이지 컨트롤 배치, 표시기 사용자 정의 및 iOS 대 watchOS 의 플랫폼별 동작을 학습합니다.
macOS 파일 브라우저 설계
Mac 개발자가 파일 브라우저를 구축하고 있으며 빵 부스러기 탐색을 위한 경로 컨트롤이 필요합니다. 이 스킬을 참조하여 표준 대 팝업 경로 컨트롤과 창 본문 대 툴바에서의 적절한 배치를 이해합니다.
جرّب هذه الموجهات
iOS 앱에서 검색 필드를 어디에 배치해야 합니까? 앱 하단에 탭 바가 있습니다.
Mail 과 유사한 앱을 구축하고 있습니다. 검색 필터링을 위한 범위 컨트롤과 토큰을 어떻게 구현합니까?
macOS 문서 앱에서 파일 계층 탐색을 표시해야 합니다. 표준 경로 컨트롤과 팝업 경로 컨트롤 중 무엇을 사용해야 하며 어디에 배치해야 합니까?
أفضل الممارسات
- 폼 제출을 기다리는 대신 사용자가 입력하는 즉시 검색을 시작하여 즉각적이고 지속적으로 정제된 결과 제공
- 검색 필드를 사용자가 기대하는 위치 (일반적으로 목록 상단, 툴바 또는 탐색 바) 에 배치하고 검색 가능한 콘텐츠에 대한 유용한 플레이스홀더 텍스트 제공
- 기본적으로 더 넓은 검색 범위를 사용하고 범위 컨트롤로 사용자가 좁히도록 하여, 정제 전에 전체 결과 세트에 대한 컨텍스트 제공
تجنب
- 검색 필드에 '검색'과 같은 일반적 플레이스홀더 텍스트 사용 금지 - 검색 가능한 콘텐츠에 대한 유용한 컨텍스트를 제공하지 않음
- 계층적 탐색에 페이지 컨트롤 사용 금지 - 모든 페이지가 동등하게 가중치가 있는 평면적이고 선형적인 페이지 시퀀스 전용
- 툴바 또는 상태 바에 경로 컨트롤 배치 금지 - Finder 의 창 하단 경로 바와 같이 창 본문에 배치해야 함
الأسئلة المتكررة
이 스킬은 어떤 플랫폼을 다루나요?
이 스킬이 코드 예시를 제공하나요?
범위 컨트롤과 토큰의 차이점은 무엇인가요?
탭 바에서 포커스된 검색과 포커스 해제된 검색 중 언제 사용해야 하나요?
iOS 에서 경로 컨트롤을 사용할 수 있나요?
페이지 표시기가 몇 개나 많으면 안 되나요?
تفاصيل المطور
المؤلف
sickn33الترخيص
MIT
المستودع
https://github.com/sickn33/antigravity-awesome-skills/tree/main/skills/hig-components-searchمرجع
main
بنية الملفات