Apple HIG: Navigation Components
Apple標準��検索とナビゲーションを実装
Human Interface Guidelinesに準拠したApple承認の検索フィールド、ページコントロール、パスコントロールの実装を取得。iOS、macOS、その他のAppleプラットフォーム全体で、アプリのナビゲーションがネイティブで直感的に感じられるようにします。
تنزيل ZIP المهارة
رفع في Claude
اذهب إلى Settings → Capabilities → Skills → Upload skill
فعّل وابدأ الاستخدام
اختبرها
استخدام "Apple HIG: Navigation Components". タブバーを持つiOSアプリで検索をどこに配置すればよいですか？
النتيجة المتوقعة:
タブバーを持つiOSアプリの場合、3つの主要なオプション���あります：1) タブバーの末尾にある視覚的に区別されるタブとしての検索（検索を常に表示）、2) 下部のツールバー内の検索（展開されたフィールドまたはフィールドにアニメーションするボタン）、3) コンテンツとインラインの検索。Appleは、検索が優先事項であり、スペースがある場合、下部への配置を推奨します。これは、アクセスしやすいためです。アプリの目標に基づいて、検索フィールドをフォーカス状態（キーボードがすぐに表示）で開始するか、非フォーカス状態（発見を促進）で開始するかを検討してください。
استخدام "Apple HIG: Navigation Components". ページコントロールとパスコントロールの違いは何ですか？
النتيجة المتوقعة:
ページコントロールは、フラットな線形シーン内のページを表すインジケーター dots の行を表示します（オンボーディング画面やフォトギャラリーなど）。これらは、順序付きリスト内のピア間のナビゲーションを支援します。パスコントロールは、選択されたアイテムのファイルシステムパスを表示し、ルートディスクから親フォルダ、現在のアイテムまでの階層を表示します。パスコントロールは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アプリのどこに検索フィールドを配置すればよいですか？アプリの下部にタブバーがあります。
iOSとwatchOSでページコントロールはどのように異なりますか？両方のプラットフォームを対象としたフィットネスアプリを構築しています。
Mailのようなアプリを構築しています。検索フィルタリングのためにスコープコントロールとトークンを実装するにはどうすればよいですか？
macOSドキュメントアプリでファイル階層ナビゲーションを表示する必要があります。標準またはポップアップパスコントロールのどちらを使用すべきですか？また、どこに配置すればよいですか？
أفضل الممارسات
- フォーム送信を待機するのではなく、インスタントで継続的に改良された結果を提供するために、ユーザーが入力したらすぐに検索を開始
- 検索フィールドをユーザーが期待する場所に配置 - 通常はリストの上部、ツールバー、またはナビゲーションバー - 検索可能な内容を説明する有用なプレースホルダーテキストを添付
- より広い検索スコープをデフォルトとし、ユーザーがスコープコントロールで絞り込めるようにし、改良前に完全な結果セットのコンテキストを提供
تجنب
- 検索フィールドで「Search」のような一般的なプレースホルダーテキストを使用することは避けてください - 検索可能なコンテンツについての有用なコンテキストが提供されません
- 階層的ナビゲーションにページコントロールを使用しないでください - これらは、すべての��ージが等しく重み付けされるフラットな線形ページシーンのみを対象として設計されています
- パスコントロールをツールバーまたはステータスバーに配置しないでください - これらはウィンドウボディに属します。Finderのパスバーのように、ウィンドウの下部に配置する必要があります
الأسئلة المتكررة
このスキルはどのプラットフォームをカバーしていますか？
このスキルはコード例を提供しますか？
スコープコントロールとトークンの違いは何ですか？
タブバーでフォーカスされた検索とフォーカスされていない検索のどちらを使用すべきですか？
iOSでパスコントロールを使用できますか？
ページインジケーターは何個が多すぎますか？
تفاصيل المطور
المؤلف
sickn33الترخيص
MIT
المستودع
https://github.com/sickn33/antigravity-awesome-skills/tree/main/skills/hig-components-searchمرجع
main
بنية الملفات