XAML - パネル

XAML - レイアウトする

開発環境： Visual Studio 2008 　

１．目的

XAML の基本的なコントロールの説明です。

２．参考書

（１）参考書を書く。

３．レイアウト

コントロールをウィンドウに配置するためのコントロールとして、パネルやグリッドなど、多くのものが用意されていて、どれを使えばよいのか迷いました。そこで、クラス構造からではなく、機能でまとめてみました。

Panel派生クラスには、Canvas, DockPanel, Grid, TabPanel, ToolBarOverflowPanel, UniformGrid, StackPanel, VirtualizingPanel, WrapPanelがあります。

Controlから直接派生しているクラスには、

Controls.Decoratorから派生しているものには、Border, Viewboxがあります。

３．１　Canvas

Canvas は、Canvasの原点から子供の要素の位置を指定して配置できます。はみ出したところにも配置できます。

３．２　DockPanel

DockPanel は、Windows.Formsと同じように子要素をDockの方向を指定して配置できます。LastChildFill プロパティを true (既定) に設定すると、DockPanel の最終の子要素は常に残りの領域を満たします。

３．３　GridPanel

GridPanel は、m x nの格子状に子要素を配置できます。Gridの次元は、ColumnDefinitions, RowDefinitionsで定義します。

子要素をどのグリッドに配置するかは、1列目： Grid.Column="0"、3行目：Grid.Row="2"のように、指定します。

３．４　StackPanel

StackPanelは、縦または横に子要素を配置することができます。ただし、StackPanel を超える子要素を配置しても折り返してくれません。

縦に並べるには、Orientation="Horizontal"を指定します。

３．５　WrapPanel

WrapPanel は、左から右に子要素を配置しますが、右端で自動的に折り返してくれます。

上から下に並べるには、Orientation="Vertical"を指定します。

３．６　ScrollViewer

ScrollViewer は、子要素をスクロール可能なビューアーです。ただし、子要素は1つしか持てません。

<Page
xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml">

<ScrollViewer Background="Cyan" HorizontalScrollBarVisibility="Auto">
<StackPanel >
<TextBox Text="ScrollViewer > StackPanel > TextBox + Ellipse" TextWrapping="Wrap"/>
<Ellipse Fill="Yellow" Stroke="Blue" Width="600" Height="400"/>
</StackPanel>
</ScrollViewer>

</Page>

３．７　Border

Borderは、周囲に境界線、背景、またはその両方を描画します。ただし、子要素は1つしか持てません。

<Page
xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml">

<Border Margin="10,10,10,10" Background="Cyan">
<StackPanel >
<TextBox Text="Border > StackPanel > TextBox + Ellipse" TextWrapping="Wrap"/>
<Ellipse Fill="Yellow" Stroke="Red" Width="400" Height="300"/>
</StackPanel>
</Border>

</Page>