最近のアクセス:
Web ナビゲーションバー

Bootstrap Navbar に基づいて、Web 用のアクショングループをナビゲーションバーとして表示できます。
この機能はレスポンシブ Web デザインのアプリケーションで利用でき、抽象レイアウトでサポートされています。
モバイル表示では、最初は折りたたまれており (切り替え可能)、使用可能なビューポートの幅が広がると横方向に展開されます (デスクトップ画面向け)。
したがって、小、中、大のサイズの画面では次のように表示されます:
イメージ:31950.png
しかし、極小サイズの画面では、折りたたみ可能なメニューとして表示されます。
イメージ:31951.png

ナビゲーションバーを Web ページに追加する方法

1.アクショングループを追加します。
2.アクショングループの [ Control Type ] プロパティを Menu に設定します。
 
イメージ:31927.png
3.次のクラスを使用して、テーマでナビゲーションバーのスタイルを設定できます:
  • ActionGroup クラスおよびその下位クラス
  • ActionGroupItem クラスおよびその下位クラス
イメージ:31928.png
非常に便利な、特別なクラスプロパティが用意されています。次の表を参照してください (すべて ActionGroupItem またはその下位クラス):
Item Class アクショングループの各アイテム用のクラス
Selected Item Class アクショングループの選択されたアイテム (存在する場合) 用のクラス
Link Class [ Link ] プロパティが設定されている TextBlock を格納するアイテムに使用するクラス、または TextBlock がイベントに紐づけされている場合に使用するクラス

一時的な制限

  • ナビゲーションバー内にコントロール (TextBlock など) がある場合は、コントロールのクラスのプロパティを空のままにしておく必要があります。一方、そのコントロールは [ Item Class ] 、 [ Selected Item Class ] 、または [ Link Class ] の設定を使用しません。
  • [ Link ] プロパティを使用してアイテムのクリックを定義する必要があります。ユーザーイベントを使用する場合、 [ Selected Item Class ] は考慮されません。





サブページ
Created: 17/05/30 19:02 by Admin Last update: 21/05/21 02:39 by Admin
カテゴリ
Powered by GXwiki 3.0