バージョン

タイル レイアウトについて

xamTileManager は、垂直 WrapPanel コンテナーのように通常のタイルを配列します。ただし、xamTileManager の NormalModeSettings プロパティによって公開されている TileLayoutOrder プロパティを以下の TileLayoutOrder 列挙値のいずれかに設定することによって、このデフォルト動作を変更できます。

  • Horizontal - タイルは左から右、そして上から下に配列されます。タイルは、個々の行で統一された高さおよび個々の列で統一された幅になります。

xamTilesControl About Tile Layout 01.png
  • HorizontalVariable - タイルは Horizontal 設定と同じように配列されます。ただし、タイルの高さは個々の行で統一されますが、幅はコンテンツに基づいて異なる場合があります。

xamTilesControl About Tile Layout 02.png
  • Vertical - タイルは上から下、そして左から右に配列されます。タイルは、個々の行で統一された高さおよび個々の列で統一された幅になります。

xamTilesControl About Tile Layout 03.png
  • VerticalVariable - タイルは Vertical 設定と同じように配列されます。ただし、タイルはコンテンツに基づいて個々の行で異なる高さとなりますが、幅は個々の列で統一された状態のままです。

xamTilesControl About Tile Layout 04.png
  • UseExplicitRowColumnOnTile - Grid パネルのレイアウト メカニズムと同じ概念を使用してタイルの配列を完全に制御します。これによって、さまざまなサイズのタイルを作成することもできます。

xamTilesControl About Tile Layout 05.png

上記の 4 つのレイアウト オプションに加え、各 XamTile オブジェクトは、XamTileManager の添付プロパティ -  ColumnWeight および RowWeight プロパティを設定することができます。これらのプロパティは、余分のスペースまたは不足のスペースがタイルに指定される方法を決定します。デフォルトで、タイルはコンテンツに適合するようにサイズ設定されます。ただし、NormalModeSettings オブジェクトの HorizontalTileAreaAlignment または VerticalTileAreaAlignment プロパティを Stretch に設定すると、xamTileManager はすべての使用できるスペースを埋めるように自動的にタイルのサイズを変更します。ColumnWeight および RowWeight プロパティを設定しない場合、xamTileManager はすべてのタイルでスペースを均等に配分します。ただし、このプロパティを設定すると、xamTileManager はウェイトを指定するタイルに余分なスペースを配分してしまいます。

ColumnWeight プロパティは、一行のタイル全体の列ウェイトの合計の割合として機能します。RowWeight プロパティは、一列のタイル全体の行ウェイトの合計の割合として機能します。たとえば、一行に 4 つのタイルがあり、最初のタイルの ColumnWeight プロパティを 1 に設定し、2 つ目のタイルの ColumnWeight プロパティを 2 に設定すると、xamTileManager は最初のタイルに余分な幅の 1/3 を指定し、2 つ目のタイルに余分の幅の 2/3 を指定します。一方、xamTileManager がタイルのサイズを削減する必要がある場合、正しい割合を維持しながら最初のタイルと 2 つ目のタイルの幅のサイズを変更しますが、他の 2 つのタイルのサイズは変更しません。