前の手順では、新しい WPF/Silverlightプロジェクトを作成し、アプリケーションに１つの C1HyperPanel パネルを追加しました。この手順では、引き続き、パネルにコントロールを追加します。

次の手順に従います。

1. XAML ビューで、<c1:C1HyperPanel> タグと </c1:C1HyperPanel> タグの間にカーソルを置きます。これで、項目を追加すると、その項目がパネルに追加されます。
2. ツールボックスに移動し、［ContentControl］アイコンをダブルクリックして、C1HyperPanel にコントロールを追加します。Grid や Canvas などの他のパネルと同様に、C1HyperPanel パネルに項目を追加するために必要な作業はこれだけです。

3. XAML ビューに切り替えて、ContentControl のマークアップを更新します。次のようになります。

XAML	コードのコピー
<ContentControl Content="h" ContentTemplate="{StaticResource letterTemplate}"/>

4. C1HyperPanel 内の ContentControl のマークアップの下に次の XAML を入力して、パネルにコントロールを追加します。

XAML

コードのコピー

<ContentControl Content="e" ContentTemplate="{StaticResource letterTemplate}"/> <ContentControl Content="l" ContentTemplate="{StaticResource letterTemplate}"/> <ContentControl Content="l" ContentTemplate="{StaticResource letterTemplate}"/> <ContentControl Content="o" ContentTemplate="{StaticResource letterTemplate}"/> <ContentControl Content=" " ContentTemplate="{StaticResource letterTemplate}"/> <ContentControl Content="w" ContentTemplate="{StaticResource letterTemplate}"/> <ContentControl Content="o" ContentTemplate="{StaticResource letterTemplate}"/> <ContentControl Content="r" ContentTemplate="{StaticResource letterTemplate}"/> <ContentControl Content="l" ContentTemplate="{StaticResource letterTemplate}"/> <ContentControl Content="d" ContentTemplate="{StaticResource letterTemplate}"/> <ContentControl Content="!" ContentTemplate="{StaticResource letterTemplate}"/>

5. ［デバッグ］メニューから［デバッグ開始］を選択し、実行時にアプリケーションがどのように表示されるかを確認します。次のように表示されます.

   

これで、WPF/Silverlight アプリケーションが正しく作成され、アプリケーションに C1HyperPanel といくつかのコントロールが追加されました。次の手順では、C1HyperPanel をカスタマイズします。