この手順では、Expression Blend で Book for Silverlight を使って Silverlight アプリケーションを作成します。C1Book コントロールをアプリケーションに追加すると、完全に機能する本のようなインターフェイスになり、そこに画像、コントロールなどの要素を追加することができます。プロジェクトをセットアップし、C1Book コントロールをアプリケーションに追加するには、次の手順に従います。
-
Expression Blend で、［ファイル］→［新しいプロジェクト］を選択します。
-
［新しいプロジェクト］ダイアログボックスで、左ペインからプロジェクトの種類として［Silverlight］を選択し、右ペインから［Silverlight アプリケーション + Web サイト］を選択します。プロジェクトの［名前］と［場所］を入力し、ドロップダウンボックスで [言語]を選択し、［OK］をクリックします。 新しいアプリケーションが作成され、MainPage.xaml ファイルがデザインビューで開きます。
-
［プロジェクト］ウィンドウに移動し、プロジェクトファイルリストで［参照］ フォルダを右クリックします。コンテキストメニューから［参照の追加］を選択し、C1.Silverlight.dll および C1.Silverlight.Extended.dllアセンブリを見つけて選択し、［開く］をクリックします。ダイアログボックスが閉じ、プロジェクトに参照が追加されます。
-
ツールボックスで、［アセット］ボタン（二重山かっこアイコン）をクリックして、［アセット］ダイアログボックスを開きます。
-
［アセット ライブラリ］ダイアログボックスで、左ペインから［コントロール］項目を選択し、右ペインで［C1Book］アイコンをクリックします。
［C1Book］アイコンが、ツールボックスの［アセット］ボタンの下に表示されます。
-
UserControl のデザイン領域をクリックして選択します。Visual Studio とは異なり Blend では、次の手順に示すように、Silverlight コントロールを直接デザインサーフェスに追加できます。
-
ツールボックスの［C1Book］アイコンをダブルクリックして、コントロールをパネルに追加します。
-
デザインビューで C1Book コントロールをクリックし、［プロパティ］ウィンドウに移動して、次のプロパティを設定します。
-
コード内でコントロールにアクセスできるように、［Name］を「c1book1」に設定して名前を付けます。
-
［Width］を「450」に、［Height］を「300」に設定します。
-
［HorizontalAlignment］および［VerticalAlignment］を Center に設定して、コントロールをパネルの中央に配置します。
-
［IsFirstPageOnTheRight］チェックボックスをオンにして、最初のページが右側に表示されるように設定します。
-
TurnInterval プロパティを 600 に設定して、ページめくりアニメーションにかかる時間を長くします。
XAML は次のようになります。
<c1:C1Book x:Name="c1book1" Height="300" HorizontalAlignment="Center" VerticalAlignment="Center" Width="450" IsFirstPageOnTheRight="True" TurnInterval="600"/>
ページのデザインビューは次の図のようになります（フォームで C1Book コントロールを選択している場合）。
-
これで、アプリケーションのユーザーインターフェイスのセットアップは終了しましたが、C1Book コントロールにはまだ何もコンテンツが入っていません。次の手順では、C1Book コントロールにコンテンツを追加し、さらにアプリケーションにコードを追加して、コントロールに機能を追加します。