【Blen道】パネルを知る

#windev_jp #wpdev_jp

Windows Phone の Update 3 でテンションが上がっている高橋です。

Blend を使いながら、ユーザー視点のUXを目指すBlen道。今回はパネルです。あれ?前もやったっけ？

前回ふれたとおり、実は画面に配置するものは２種類だけでコントロールとパネルしかありません。

ではこのパネルとは一体何か？パネルとは「他のオブジェクトを支援するための機能を持ったオブジェクト」です。たぶん。その支援機能とはげんざいのところは3種類。

配置型パネル

自身の下にオブジェクトを置いて配置を管理するため、子要素を複数置ける=まとめることができるパネルです。ですので配置は関係なしにグループ化のために使われることがあります。

	子要素の配置方法	子要素の重なり	動的な子要素の追加	主な用途
Grid	上下左右の相対位置で管理	ある Gridで回避	面倒	汎用、フレームを切って配置するなど解像度対応しやすい。縦横にグリッドを切って配置もできる。コンテンツのセンタリングができるのがほぼGridのみなのでそのために使うケースも多い。ただし、描画時のコストが高く、負荷がかかるためあまりネスとして配置しないようにする必要がある。
Canvas	X,Y の絶対座標で管理	ある必要	要座標管理	限定的。など。解像度に対する対応がほとんどないので固定サイズの画像として扱う。 ViewBox の中に配置することで画像を維持しながらサイズ対応するのが、よく使われる方法。

	子要素の配置方法	子要素の重なり	動的な子要素の追加	主な用途
StackPanel	横、縦方向に並べる	ない	よく使う	に。データ表示はこれよりもListを使う。もしくは、単体で使われるケースよりもListなどのテンプレート内で使用される。
WrapGrid	横、縦方向に並べ、表示域を超えたら改行する	ない	よく使う	複数のアイテムを表示する際に使う。が、これ単体で使う場合と、リストコントロールの中で使われるケースも多い。