Step 2 of 3: Adding Items to the C1CoverFlow Control

In the last step, you created an application and added a C1CoverFlow control to the application. In this step, you'll customize and add images to the C1CoverFlow control.

Complete the following steps:

1. Add markup between the <my:C1CoverFlow> tags customize its appearance:

<my:C1CoverFlow x:Name="C1CoverFlow1" EyeDistance=".25" EyeHeight="1" Height="610" VerticalAlignment="Top" Background="White" Margin="-1"></my:C1CoverFlow>

The EyeDistance property sets the distance between the eye and the C1CoverFlow items, the EyeHeight property sets the level at which the camera sits and adjusts the view of the items accordingly.

2. Add images to the project by completing the following steps:

a. Right-click the project in the Solution Explorer and select Add New Folder; name the new folder "Images".

b. Right-click the Images folder and select Add │ Existing Item.

The Add Existing Item dialog box opens.

c. Select five images to add. In this example, the added images are named cover1.jpg, cover2.jpg, and cover3.jpg and were taken from the ComponentOne Studio for Silverlight samples.

d. Click Open to close the Add Existing Item dialog box and to add the images to the folder.

The images are added to the Images folder.

3. Add Image controls to the C1CoverFlow control by adding the following markup between the <my:C1CoverFlow></my:C1CoverFlow> tags:

In this step, you added four items to the C1CoverFlow control and then set the items' properties. In the next step, you'll run program and see the results of this quick start topic.