[]
DEMOS DOCS API SAMPLES DOWNLOAD
(Showing Draft Content)

Step 1 of 3: Creating the Book Application

In this step you'll create a WPF application using Book for WPF. When you add a C1Book control to your application, you'll have a complete, functional book-like interface that you can add images, controls, and other elements to. To set up your project and add a C1Book control to your application, complete the following steps:

  1. Create a new WPF project in Visual Studio. For more information about creating a WPF project, see Getting Started with Studio for WPF.
  2. In the Solution Explorer, right-click the References item and choose Add Reference. Select the C1.WPF, C1.WPF.Extended, and WPFToolkit assemblies and click OK to add references to your project.
  3. Navigate to the Visual Studio Toolbox, and double-click the C1Book icon to add the control to the window.
  4. Resize the window and reposition the C1Book control in the window.
  5. Click once on the C1Book control in Design view, navigate to the Properties window, and set the following properties:
  • Set Width to "450" and Height to "300".
  • Set HorizontalAlignment and VerticalAlignment to Center to center the control in the panel.
  • Check the IsFirstPageOnTheRight check box to set the first page to appear on the right side.
  • Set the TurnInterval property to 600 to increase the time taken for the page turn animation. The XAML will appear similar to the following:
<c1:C1Book Name="C1Book1" Width="450" Height="300" VerticalAlignment="Center" HorizontalAlignment="Center" IsFirstPageOnTheRight="True" TurnInterval="600" />
  1. Update the C1Book control’s markup in XAML view, so that it includes a closing tag as in the following:
<c1:C1Book Name="C1Book1" Width="450" Height="300" VerticalAlignment="Center" HorizontalAlignment="Center" IsFirstPageOnTheRight="True" TurnInterval="600"></c1:C1Book>

The page's Design view should now look similar to the following image (with the C1Book control selected on the form):

You've successfully set up your application's user interface, but the C1Book control currently contains no content. In the next step you'll add content to the C1Book control, and then you'll add code to your application to add functionality to the control.