表示されるページは CurrentPage プロパティを使用して設定できますが、C1Book.TurnPage メソッドを使用して、実行時に現在のページを変更することもできます。詳細については、「ブックナビゲーション」を参照してください。このトピックでは、アプリケーションに２つのボタンを追加します。一方はページをめくって前のページに戻り、もう一方はページをめくって次のページに進みます。

ブックにナビゲーションを追加するには、次の手順に従います。

ここまでの成果

ブック内のナビゲーションをカスタマイズしました。ブック内のナビゲーションを確認するには、アプリケーションを実行し、右ボタンをクリックします。ページめくりアニメーションによって次のページがめくられることがわかります。

1. ツールボックスに移動し、［ボタン］項目をダブルクリックして、アプリケーションに２つの Button コントロールを追加します。

2. ［Button1］を選択し、［プロパティ］ウィンドウに移動したら、Content プロパティを「<」に設定します。

3. ［Button2］を選択し、［プロパティ］ウィンドウに移動したら、Content プロパティを「>」に設定します。

4. ウィンドウ内でボタンのサイズと位置を変更します。［Button1］ボタンをブックの左側に、［Button2］ボタンをブックの右側に置きます。

5. ［Button1］をダブルクリックして Button_Click イベントハンドラを作成し、コードビューに切り替えます。

6. デザインビューに戻り、［Button2］で同じ手順を繰り返します。つまり、各ボタンに Click イベントを指定します。
   XAML マークアップは次のようになります。

   XAML	コードのコピー
   <Button HorizontalAlignment="Right" Margin="0,43,12,0" Name="Button1" Width="28" Height="23" VerticalAlignment="Top">&gt;</Button> <Button Height="23" HorizontalAlignment="Left" Margin="12,43,0,0" Name="Button2" VerticalAlignment="Top" Width="28">&lt;</Button>

7. コードビューに切り替え、次の import 文をページの先頭に追加します。

   • Visual Basic
   • C#

   	コードのコピー
   Imports C1.WPFImports C1.WPF.Extended

   	コードのコピー
   using C1.WPF;using C1.WPF.Extended;

8. Click イベントハンドラにコードを追加します。次のようになります。

   • Visual Basic
   • C#

   	コードのコピー
   Private Sub Button1_Click(ByVal sender as Object, ByVal e as System.Windows.RoutedEventArgs) Me.C1Book1.TurnPage(True) End Sub Private Sub Button2_Click(ByVal sender as Object, ByVal e as System.Windows.RoutedEventArgs) Me.C1Book1.TurnPage(False) End Sub

   	コードのコピー
   public MainPage() { private void button1_Click(object sender, System.Windows.RoutedEventArgs e) { this.c1Book1.TurnPage(true); } private void button2_Click(object sender, System.Windows.RoutedEventArgs e) { this.c1Book1.TurnPage(false); } }

   
   

   このコードは、ボタンのクリックによってブックを１ページ前または後にめくります。

ここまでの成果

ブック内のナビゲーションをカスタマイズしました。ブック内のナビゲーションを確認するには、アプリケーションを実行し、右ボタンをクリックします。ページめくりアニメーションによって次のページがめくられることがわかります。

左ボタンをクリックし、ブックが前のページに戻ることを確認します。