プロジェクトを設定するには、次の手順に従います。

1. Visual Studio で、［ファイル］→［新しいプロジェクト］を選択します。

2. ［新しいプロジェクト］ダイアログボックスで、左ペインから言語を選択し（この例では C# を使用）、テンプレートリストから［Silverlight アプリケーション］を選択します。

3. プロジェクト名に「C1DockPanel」と入力し、［OK］をクリックします。［新しい Silverlight アプリケーション］ダイアログボックスが表示されます。

4. 必要に応じて、［Silverlight アプリケーションを新しい Web サイトでホストする］ボックスをオフにし、［OK］をクリックします。MainPage.xaml ファイルが開きます。

次の手順では、C1DockPanels を追加してカスタマイズします。

この手順では、複数の C1DockPanels を追加してスタイルを設定します。

1. 最初に、プロジェクトから Grid タグを取り除きます。
2. Visual Studio のツールボックスで、C1DockPanel コントロールをページにドラッグします。
3. <c1:C1DockPanel> タグの間にカーソルを置き、次の XAML を入力して C1DockPanels を左、右、上、下に追加し、画面の中心を塗りつぶします。

XAML

コードのコピー

<Border c1:C1DockPanel.Dock="Top" Height="50" Background="Red"> <TextBlock Text="Top" /> </Border> <Border c1:C1DockPanel.Dock="Bottom" Height="50" Background="Blue"> <TextBlock Text="Bottom" /> </Border> <Border c1:C1DockPanel.Dock="Right" Width="50" Background="Yellow"> <TextBlock Text="Right" /> </Border> <Border c1:C1DockPanel.Dock="Left" Background="Green" Width="50" > <TextBlock Text="Left" /> </Border> <Border Background="White" > <TextBlock Text="Fill" /> </Border>

次の手順では、このアプリケーションを実行します。

これで、アプリケーションを実行する準備ができました。［デバッグ］メニューから［デバッグ開始］を選択します。アプリケーションは次のようになります。上、右、左、下の４つの C1DockPanels があり、中心のブロックは塗りつぶされています。

おめでとうございます。これで、DockPanel for Silverlight クイックスタートは終了です。