日本マイクロソフトで働いていますが、ここに書いていることは個人的なメモなので会社の公式見解ではありません。appの新しいコントロールにSplitViewというのがあります。こいつは、左からニョキっと出てくるメニューを持ったような画面を作るのに便利なコントロールです。XAMLの構造的には単純です。--></SplitView>例えば、こんなXAMLになります。</Grid></Page>実行するとメニューは出てない水色が一面にひろがった画面になります。メニューの出し方IsPaneOpenプロパティをTrueにすることで表示することが出来ます。</Border></SplitView>実行するとメニューが出てきます。メニュー以外の場所をクリックすると引っ込みます。(二度と出てきません)実際の使い方ToggleButtonあたりのIsCheckedとバインドして使うと出し入れ自由になります。</Border></SplitView>こうすると、ボタンを押すと出てくるようになります。今までは画面の上に覆いかぶさるように出てきて、関係中所をクリックすると引っ込んでいきましたが、DisplayModeをInlineにして、IsPaneOpenをTrueにすることで、引っ込まないでインラインに表示することが出来ます。...</SplitView>こんな風に表示されます。その他の表示方法その他にCompactOverlayとCompactInlineという表示の指定方法もあります。これは、引っ込んだ状態でも少しだけ表示されるようになるオプションです。何かメニューがあるんだよ!ということを伝えるためや、全部隠すほど画面は狭くないけど、全部出すには画面が狭いというもどかしい状態のときに指定するといいと思います。以下にCompact****を指定した状態で引っ込んでるときの表示を示します。まとめSplitViewは、メニューを持ったアプリをつくるのにとても便利なコントロールです。広い画面、狭い画面、中途半端な大きさな画面のどのパターンにも対応できる表示方法が提供されています。これと、新しいVisualStateManagerの機能を組み合わせることで画面サイズに応じた見た目をもった画面を簡単に作れるようになっています。アプリバーとはなんだったのか。appのSplitViewTweet関連記事2016-04-13UWPでSplitViewの左側のページ名のリストと右側の実際の表示されてるページを同期させるPrism使ってやってみましょう。TPのアプリってこんなのが多い雰囲気です。C#の組み合わせをメインに、たまにASP.NETやJavaなどの.NET系以外のことも書いています。Blogの内容は個人の見解であり、所属する企業を代表するものではありません。)はてなブログをはじめよう!okazukiさんは、はてなブログを使っています。ブログを報告するスターをつけました引用をストックしましたストック一覧を見る閉じる引用するにはまずログインしてくださいログイン閉じる引用をストックできませんでした。再度お試しください閉じる限定公開記事のため引用できません。