このトピックでは、C1DockControl、C1DockGroup、C1DockTabControl、および C1DockTabItem を作成するための XAML の概要を提供します。
開発を開始するには、ルート要素タグに c1 名前空間宣言を追加します。
xmlns:c1="http://schemas.componentone.com/winfx/2006/xaml"
次は、サンプルドッキングレイアウトです。
このサンプルドッキングレイアウトの XAML は次のようになります。
| XAML |
コードのコピー
|
|---|---|
<c1:C1DockControl x:Name="dockControl" Margin="-128,0,12,127">
<c1:C1DockGroup>
<c1:C1DockTabControl Dock="Top">
<c1:C1DockTabItem Header="タブ 1" TabShape="Sloped">
<!--ここにコンテンツを配置-->
</c1:C1DockTabItem>
<c1:C1DockTabItem Header="タブ 2" TabShape="Sloped">
<!--ここにコンテンツを配置-->
</c1:C1DockTabItem>
</c1:C1DockTabControl>
<c1:C1DockTabControl>
<c1:C1DockTabItem Header="タブ 3" TabShape="Sloped" >
<!--ここにコンテンツを配置-->
</c1:C1DockTabItem>
</c1:C1DockTabControl>
</c1:C1DockGroup>
<c1:C1DockGroup>
<c1:C1DockTabControl Dock="Top" DockWidth="500" DockHeight="500" TabItemShape="Rounded">
<c1:C1DockTabItem Header="タブ 4">
<!--ここにコンテンツを配置-->
</c1:C1DockTabItem>
<c1:C1DockTabItem Header="タブ 5">
<!--ここにコンテンツを配置-->
</c1:C1DockTabItem>
</c1:C1DockTabControl>
<c1:C1DockTabControl>
<c1:C1DockTabItem Header="タブ 6">
<!--ここにコンテンツを配置-->
</c1:C1DockTabItem>
</c1:C1DockTabControl>
</c1:C1DockGroup>
<c1:C1DockTabControl>
<c1:C1DockTabItem Header="タブ 7" TabShape="Sloped">
<!--ここにコンテンツを配置-->
</c1:C1DockTabItem>
<c1:C1DockTabItem Header="タブ 8" TabShape="Sloped">
<!--ここにコンテンツを配置-->
</c1:C1DockTabItem>
</c1:C1DockTabControl>
</c1:C1DockControl>
|
|