この手順では、Book for WPF を使用して WPF アプリケーションを作成します。C1Book コントロールをアプリケーションに追加すると、完全に機能する本のようなインターフェイスになり、そこに画像、コントロールなどの要素を追加することができます。プロジェクトをセットアップし、C1Book コントロールをアプリケーションに追加するには、次の手順に従います。

1. Visual Studio で新しい WPF プロジェクトを作成します。詳細について、「ComponentOne for WPF/Silverlight ユーザーガイド」を参照してください。

2. ソリューションエクスプローラで、References 項目を右クリックし、［参照の追加］を選択します。C1.WPF、C1.WPF.Extended、および WPFToolkit アセンブリを選択し、［OK］をクリックしてプロジェクトに参照を追加します。

3. Visual Studio のツールボックスに移動し、［C1Book］アイコンをダブルクリックして、ウィンドウにコントロールを追加します。

4. ウィンドウのサイズを変更し、ウィンドウに C1Book コントロールを再配置します。

5. デザインビューで C1Book コントロールをクリックし、［プロパティ］ウィンドウに移動して、次のプロパティを設定します。

   • ［Width］を「450」に、［Height］を「300」に設定します。

   • HorizontalAlignment および VerticalAlignment を Center に設定して、コントロールをパネルの中央に配置します。

   • ［IsFirstPageOnTheRight］チェックボックスをオンにして、最初のページが右側に表示されるように設定します。

   • TurnInterval プロパティを 600 に設定して、ページめくりアニメーションにかかる時間を長くします。

   XAML は次のようになります。

   XAML	コードのコピー
   <c1:C1Book Name="C1Book1" Width="450" Height="300" VerticalAlignment="Center" HorizontalAlignment="Center" IsFirstPageOnTheRight="True" TurnInterval="600" />

6. XAML ビューで C1Book コントロールのマークアップを更新して、次のように終了タグを入れます。

   XAML	コードのコピー
   <c1:C1Book Name="C1Book1" Width="450" Height="300" VerticalAlignment="Center" HorizontalAlignment="Center" IsFirstPageOnTheRight="True" TurnInterval="600"></c1:C1Book>

   ページのデザインビューは次の図のようになります（フォームで C1Book コントロールを選択している場合）。

   

これで、アプリケーションのユーザーインターフェイスのセットアップは終了しましたが、C1Book コントロールにはまだコンテンツがありません。次の手順では、C1Book コントロールにコンテンツを追加し、さらにアプリケーションにコードを追加して、コントロールに機能を追加します。