Step 1 of 3: Creating a Silverlight Application

In this step you'll create a Silverlight application in Visual Studio using Image for Silverlight.

To set up your project and add a C1Image control to your application, complete the following steps:

In Visual Studio, select File | New | Project.
In the New Project dialog box, select a language in the left pane (in this example, C# is used), and in the templates list in the right pane, select Silverlight Application.
Enter a Name for your project and click OK. The New Silverlight Application dialog box will appear.
Uncheck the Host the Silverlight application in a new Web site box, if necessary, and click OK. The MainPage.xaml file should open.
In the Toolbox, double-click the C1Image icon to add the C1Image control to MainPage.xaml. The XAML markup will now look similar to the following:

XAML	Copy Code
<UserControl x:Class="C1Image.MainPage" xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation" xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml" xmlns:d="http://schemas.microsoft.com/expression/blend/2008" xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006" mc:Ignorable="d" d:DesignHeight="300" d:DesignWidth="400" xmlns:my="clr-namespace:C1.Silverlight.Imaging;assembly=C1.Silverlight.Imaging"> <Grid x:Name="LayoutRoot" Background="White"> <my:C1Image HorizontalAlignment="Left" Margin="170,81,0,0" Name="c1Image1" VerticalAlignment="Top" /> </Grid> </UserControl>

XAML

Copy Code

<UserControl x:Class="C1Image.MainPage"
    xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
    xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
    xmlns:d="http://schemas.microsoft.com/expression/blend/2008"
    xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006"
    mc:Ignorable="d"
    d:DesignHeight="300" d:DesignWidth="400"
xmlns:my="clr-namespace:C1.Silverlight.Imaging;assembly=C1.Silverlight.Imaging">

    <Grid x:Name="LayoutRoot" Background="White">
        <my:C1Image HorizontalAlignment="Left" Margin="170,81,0,0" Name="c1Image1" VerticalAlignment="Top" />
    </Grid>
</UserControl>

Note that the C1.Silverlight.Imaging namespace and <my:C1Image> tag have been added to the project.

In the next step, you will add an image to the control.