手順 1：アプリケーションの作成

この手順では、Visual Studio で、DockControl for WPF を使用して、WPF アプリケーションを作成します。

プロジェクトをセットアップし、C1DockControl コントロールをアプリケーションに追加するには、次の手順に従います。

Visual Studio で、［ファイル］→［新規作成］→［プロジェクト］を選択します。
［新しいプロジェクト］ダイアログボックスで、左ペインから言語を選択し（この例では C# を使用）、テンプレートリストから［WPFアプリケーション］を選択します。
［.NET Framework］ドロップダウンリストで、［.NET Framework 3.5］以上を選択します。
プロジェクトの名前を入力し、［OK］をクリックします。［新しい WPF アプリケーション］ダイアログボックスが表示されます。
必要に応じて、［WPF アプリケーションを新しい Web サイトでホストする］ボックスをオフにし、［OK］をクリックします。MainPage.xaml ファイルが開きます。
プロジェクトの XAML ウィンドウで、カーソルを <Grid>タグと</Grid>タグの間に置き、１回クリックします。

ツールボックスに移動し、［C1DockControl］アイコンを <Grid> タグの間にドラッグし、Window.xaml に C1DockControl を追加します。XAML マークアップは次のようになります.

XAML	コードのコピー
<Window xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation" xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml" xmlns:d="http://schemas.microsoft.com/expression/blend/2008" xmlns:c1="http://schemas.componentone.com/winfx/2006/xaml" xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006" mc:Ignorable="d" d:DesignWidth="640" d:DesignHeight="480"> <Grid x:Name="LayoutRoot"> <c1:C1DockControl></c1:C1DockControl> </Grid> </Window>

XAML

コードのコピー

<Window xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
xmlns:d="http://schemas.microsoft.com/expression/blend/2008"
xmlns:c1="http://schemas.componentone.com/winfx/2006/xaml"
   
xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006"
    mc:Ignorable="d" d:DesignWidth="640" d:DesignHeight="480">
  <Grid x:Name="LayoutRoot">
<c1:C1DockControl></c1:C1DockControl>
  </Grid>
</Window>

メモ：C1.WPF.Docking 名前空間と<c1:C1DockControl></c1:C1DockControl> タグがプロジェクトに追加されています。

次の手順では、C1DockTabItem を含む C1DockTabControl を追加します。