ビュー ナビゲーション ウィジェットは、セクション ウィジェット内のビューにアクセスするためのタブをエンド ユーザーに提供します。ユーザーがセクション内のビューにアクセスすると、ページ全体の代わりにセクション内のコンテンツだけが更新されるため、アプリのパフォーマンスが向上します。
例
このウィジェットを使用して、次のようなアプリの設計要件をサポートします。
- セクション ウィジェットに含まれる類似するコンテンツの複数のビューを作成して、アプリでのスクロールを減らします。ユーザーがタブをクリックしてセクションのコンテンツを更新し、ビューにアクセスできるように、ビュー ナビゲーション ウィジェットを含めます。
使用上の注意
ビュー ナビゲーション ウィジェットをリンクするセクション ウィジェットをページに含める必要があります。そのウィジェットはセクションの外側に配置する必要があります。対応するセクション ウィジェット内でビュー ナビゲーション ウィジェットをネストすることはできません。たとえば、ウィジェットをセクションの上側または下側に配置 (水平タブに最適) するか、セクションの左側または右側に配置 (垂直タブに最適) します。
すべてのセクションのビューまたは特定のビューを含めることができます。ビューの順序を指定するには、セクション ウィジェットの構成パネルを開き、ビュー ナビゲーション ウィジェットに表示したい順番にビューをドラッグします。また、ビューの名前はセクション ウィジェットで編集できます。
設定
ビュー ナビゲーション ウィジェットには以下の設定が含まれます。
- [リンク先] - ページからセクション ウィジェットを選択します。
- [ビュー] - 次のいずれかのオプションを選択して、ウィジェットに表示するビューを指定します。
- [自動] - セクション内のすべてのビューのタブを含めます。
- [カスタム] - セクション内の特定のビューのタブを含めます。
- [スタイル] - タブ デザインのオプション ([デフォルト]、[下線]、または [ピル]) から選択します。
- [方向] - タブを横向きまたは縦向きに表示します。
- [背景] - ウィジェットの背景色を変更します。
- [状態] - タブにポインターを合わせたとき、またはタブを選択したときにユーザーにビジュアル キューを提供するよう、タブの外観を変更します。たとえば、[選択] 状態のテキストと枠線の色を変更します。
ヒント:
このオプションを試すには、ビルダー ツールバーの [ライブ ビュー] をクリックします。