例

このウィジェットを使用して、次のようなアプリの設計要件をサポートします。

• セクション ウィジェットに含まれる類似するコンテンツの複数のビューを作成して、アプリでのスクロールを減らします。ユーザーがタブをクリックしてセクションのコンテンツを更新し、ビューにアクセスできるように、ビュー ナビゲーション ウィジェットを含めます。

使用上の注意

ビュー ナビゲーション ウィジェットをリンクするセクション ウィジェットをページに含める必要があります。そのウィジェットはセクションの外側に配置する必要があります。対応するセクション ウィジェット内でビュー ナビゲーション ウィジェットをネストすることはできません。たとえば、ウィジェットをセクションの上側または下側に配置 (水平タブに最適) するか、セクションの左側または右側に配置 (垂直タブに最適) します。

すべてのセクションのビューまたは特定のビューを含めることができます。ビューの順序を指定するには、セクション ウィジェットの構成パネルを開き、ビュー ナビゲーション ウィジェットに表示したい順番にビューをドラッグします。また、ビューの名前はセクション ウィジェットで編集できます。

設定

ビュー ナビゲーション ウィジェットには以下の設定が含まれます。

• [リンク先] - ページからセクション ウィジェットを選択します。
• [ビュー] - 次のいずれかのオプションを選択して、ウィジェットに表示するビューを指定します。
  • [自動] - セクション内のすべてのビューのタブを含めます。
  • [カスタム] - セクション内の特定のビューのタブを含めます。
• [スタイル] - タブ デザインのオプション ([デフォルト]、[下線]、または [ピル]) から選択します。
• [方向] - タブを横向きまたは縦向きに表示します。
• [背景] - ウィジェットの背景色を変更します。
• [状態] - タブにポインターを合わせたとき、またはタブを選択したときにユーザーにビジュアル キューを提供するよう、タブの外観を変更します。たとえば、[選択] 状態のテキストと枠線の色を変更します。