Metroスタイルアプリ開発をするにあたり、VS2012RCでは「Blank App」「Grid App」「Split App」の3つのテンプレートがあります。3つあると、どれから開発し始めたらいいか迷ってしまいます。そこで、今回はどのテンプレートから開発に着手すると良いか判断し易くなるよう解説します。
Blank App
本ブログでの解説ページ:Metroスタイルアプリの基本構成1つの画面のみで構成されており、最もシンプルなテンプレートとなっています。
ブランク画面 |
標準提供されていて欲しいStyleや独自コントロールが無いのと、スナップ対応がされていない為、このテンプレートをベースに開発する事はあまりオススメ出来ません。
Grid App
本ブログでの解説ページ:なし(いつかするかも)スナップに対応した3つの画面から構成されており、グループ管理されているコンテンツを[全コンテンツ]-[グループ毎]-[コンテンツ詳細]に分けられた画面で表示するテンプレートです。
グループ区切りに全コンテンツをタイルで一覧表示する画面 |
グループ毎の全コンテンツをタイルで一覧表示する画面 |
コンテンツ毎の詳細を表示する画面 |
各画面のスナップ |
GridViewとFlipView、そしてスナップはMetroスタイルアプリを代表する表示方法が実装されている事が特徴的なテンプレートです。さらに各画面を実装するにあたり使用されているStyleや独自コントロールが揃っており、新たに画面構築するにあたって使いまわせる内容となっています。
Split App
本ブログでの解説ページ:なし(いつかするかも)スナップに対応した2種類の画面から構成されており、グループ管理されているコンテンツを[全グループ]-[グループ毎+コンテンツ詳細]に分けられた画面で表示するテンプレートです。
全グループをタイルで一覧表示する画面 |
グループ毎の全コンテンツを一覧表示し、選択コンテンツの詳細を表示する画面 |
2種類の画面は、GridViewを使用して横長にタイルを表示している「全グループをタイルで一覧表示する画面」、ListViewとScrollViewerで一覧と詳細表示を1つの画面で2分割表示している「グループ毎の全コンテンツを一覧表示し、選択コンテンツの詳細を表示するg画面」で構成されています。
スナップは2分割表示している「グループ毎の全コンテンツを一覧表示し、選択コンテンツの詳細を表示する画面」を2つのスナップに分けた計3つのスナップビューで構成されています。
各画面のスナップ |
他プラットフォームのタブレットでよく見かける画面左に一覧、右に詳細を表示する画面レイアウトが実装されている事が特徴的なテンプレートです。なお、[Grid App]テンプレートと同様にStyleや独自コントロールが揃っています。