In this article we will discuss how to access the Image Library in Silverlight in Windows Phone 7.
Step 1
First we click on File:-> New Project. Here we select the Silverlight for Windows Phone application and then we select Windows Phone application:
Step 2
After that we take two controls (Image and TextBox). Here an image is used to display the images which we want to access and a TextBox is used to set the value in our program. Here we set the value and the visibility of the TextBox is Collapsed:
<Grid x:Name="ContentPanel" Grid.Row="1" Margin="12,1,12,-1">
<Image Height="361" HorizontalAlignment="Left" Margin="69,106,0,0" Name="image1" Stretch="Fill" VerticalAlignment="Top" Width="304" ManipulationStarted="image1_ManipulationStarted" />
<TextBox Height="72" HorizontalAlignment="Left" Margin="10,10,0,0" Name="textBox1" Text="1" VerticalAlignment="Top" Width="460" Visibility="Collapsed" />
</Grid>
Step 3
Now we will take an Images folder in our program and set the images:
Step 4
After that we write the following code in the .cs page:
public MainPage()
{
InitializeComponent();
image1.Source = (ImageSource)new ImageSourceConverter().ConvertFromString("Images/Desert.jpg");
}
private void image1_ManipulationStarted(object sender, ManipulationStartedEventArgs e)
{
if (textBox1.Text=="1")
{
image1.Source = (ImageSource)new ImageSourceConverter().ConvertFromString("Images/Jellyfish.jpg");
textBox1.Text = "2";
}
else if (textBox1.Text=="2")
{
image1.Source = (ImageSource)new ImageSourceConverter().ConvertFromString("Images/Lighthouse.jpg");
textBox1.Text = "3";
}
else if (textBox1.Text == "3")
{
image1.Source = (ImageSource)new ImageSourceConverter().ConvertFromString("Images/Koala.jpg");
textBox1.Text = "4";
}
else if (textBox1.Text == "4")
{
image1.Source = (ImageSource)new ImageSourceConverter().ConvertFromString("Images/Lighthouse.jpg");
textBox1.Text = "5";
}
else if (textBox1.Text == "5")
{
image1.Source = (ImageSource)new ImageSourceConverter().ConvertFromString("Images/Hydrangeas.jpg");
textBox1.Text = "6";
}
else if (textBox1.Text == "6")
{
image1.Source = (ImageSource)new ImageSourceConverter().ConvertFromString("Images/Chrysanthemum.jpg");
textBox1.Text = "7";
}
else if (textBox1.Text == "7")
{
image1.Source = (ImageSource)new ImageSourceConverter().ConvertFromString("Images/Penguins.jpg");
textBox1.Text = "8";
}
else if (textBox1.Text == "8")
{
image1.Source = (ImageSource)new ImageSourceConverter().ConvertFromString("Images/tulips.jpg");
}
}
So when we click on the Images the next Image will be shown according to the value of the TextBox.