In this step, you create a XAML application using TileView for UWP. When you add a C1TileView control to your application, you have a interface that you can display content in. To set up your project and add a C1TileView control to your application, complete the following steps:

1. In Visual Studio select File | New | Project.

2. In the New Project dialog box, select Templates | Visual C# | Windows | Universal. From the templates list, select Blank App (Universal Windows).

The MainPage.xaml page will open with the cursor between the <Grid> and </Grid> tags.

3. Navigate to the Toolbox and drag the C1TileView icon to the page to add the control to the grid. This will add the reference and XAML namespace automatically.  The XAML markup resembles the following:

Markup	Copy Code
<Grid Background="{ThemeResource ApplicationPageBackgroundThemeBrush}"> <TileView:C1TileView HorizontalAlignment="Left" Height="100" VerticalAlignment="Top" Width="100"/> </Grid>

4. Inside the Grid, initialize the C1TileView control and give it a name by adding x:Name="C1TileView1" to the <TileView:C1TileView> tag so that it appears similar to the following:

Markup	Copy Code
<Grid Background="{ThemeResource ApplicationPageBackgroundThemeBrush}"> <TileView:C1TileView x:Name="C1TileView1" HorizontalAlignment="Left" Height="100" VerticalAlignment="Top" Width="100"/> </Grid>

This will add a C1TileView control named "C1TileView1" to the application.

You've successfully set up your application's user interface, but if you run your application now you see that the C1TileView control currently contains no content. In the next steps you'll add content to the C1TileView control, and then you'll observe some of the run-time interactions possible with the control.