Apple HIG: Navigation Components
Implementar Pesquisa e Navegação Padrão Apple
Obtenha implementações aprovadas pela Apple para campos de pesquisa, controles de página e controles de caminho que seguem as Diretrizes de Interface Humana. Garanta que a navegação do seu app pareça nativa e intuitiva em iOS, macOS e outras plataformas Apple.
下载技能 ZIP
在 Claude 中上传
前往 设置 → 功能 → 技能 → 上传技能
开启并开始使用
测试它
正在使用“Apple HIG: Navigation Components”。 Where should search go in an iOS app with a tab bar?
预期结果:
Para apps iOS com tab bar, você tem três opções principais: 1) Pesquisa como uma tab visualmente distinta no lado trailing da tab bar (mantém a pesquisa sempre visível), 2) Pesquisa em uma toolbar inferior (campo expandido ou botão que anima para campo), ou 3) Pesquisa inline com o conteúdo. A Apple recomenda posicionamento inferior quando a pesquisa é prioridade e há espaço, pois é mais fácil de alcançar. Considere se o campo de pesquisa deve começar focado (teclado aparece imediatamente) ou não focado (promove descoberta) baseado nos objetivos do seu app.
正在使用“Apple HIG: Navigation Components”。 What's the difference between page controls and path controls?
预期结果:
Controles de página exibem uma linha de indicadores de ponto representando páginas em uma sequência linear plana (como telas de onboarding ou galerias de fotos). Eles ajudam usuários a navegar entre pares em uma lista ordenada. Controles de caminho mostram o caminho do sistema de arquivos de um item selecionado, exibindo a hierarquia do disco raiz até pastas pai e o item atual. Controles de caminho são exclusivos do macOS e usados para navegação de arquivos (como path bar do Finder), enquanto controles de página são para paginação iOS/iPadOS de páginas de conteúdo discretas.
正在使用“Apple HIG: Navigation Components”。 How do I add search scope tokens like in Mail?
预期结果:
Tokens são representações visuais de termos de pesquisa que usuários podem selecionar e editar como filtros. Para implementar tokens no seu campo de pesquisa: 1) Defina termos ou itens comuns de pesquisa (como contatos específicos no Mail ou filtros de foto no Messages), 2) Aplique tratamento visual que encapsula o termo como um item selecionável, 3) Permita que tokens filtrem termos de pesquisa adicionais, 4) Considere parear tokens com sugestões de pesquisa para que usuários descubram tokens disponíveis, 5) Use APIs searchable do SwiftUI ou UISearchTextField para suporte a tokens. Tokens esclarecem pesquisas focando-as em atributos específicos.
安全审计
安全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.
质量评分
你能构建什么
Implementar Pesquisa em App iOS
Um desenvolvedor iOS precisa adicionar funcionalidade de pesquisa ao seu app. Ele usa esta skill para entender se deve colocar a pesquisa em uma tab bar, toolbar ou inline, e como implementar controles de escopo para filtrar resultados.
Adicionar Paginação a Galeria de Fotos
Um desenvolvedor criando um app de galeria de fotos precisa de controles de página para navegação. Ele consulta esta skill para aprender o posicionamento adequado dos controles de página, personalização de indicadores e comportamentos específicos da plataforma para iOS vs watchOS.
Projetar Navegador de Arquivos macOS
Um desenvolvedor Mac está criando um navegador de arquivos e precisa de controles de caminho para navegação breadcrumb. Ele referencia esta skill para entender controles de caminho padrão vs popup e posicionamento adequado no corpo da janela vs toolbar.
试试这些提示
Where should I place the search field in my iOS app? The app has a tab bar at the bottom.
How do page controls differ between iOS and watchOS? I'm building a fitness app that targets both platforms.
I'm building a Mail-like app. How do I implement scope controls and tokens for search filtering?
I need to show file hierarchy navigation in a macOS document app. Should I use standard or popup path controls, and where should I place them?
最佳实践
- Inicie a pesquisa imediatamente quando usuários digitarem para fornecer resultados instantâneos e continuamente refinados em vez de esperar submissão de formulário
- Posicione campos de pesquisa onde usuários esperam - normalmente topo de lista, toolbar ou navigation bar - com texto placeholder útil descrevendo o que pode ser pesquisado
- Padronize para escopo de pesquisa mais amplo e permita que usuários restrinjam com controles de escopo, fornecendo contexto para o conjunto completo de resultados antes do refinamento
避免
- Evite usar texto placeholder genérico como 'Search' em campos de pesquisa - não fornece contexto útil sobre qual conteúdo pode ser pesquisado
- Não use controles de página para navegação hierárquica - eles são projetados apenas para sequências lineares planas onde todas as páginas têm peso igual
- Nunca coloque controles de caminho em toolbars ou status bars - eles pertencem ao corpo da janela, como a path bar do Finder na parte inferior da janela