Reader Level:
Article

Access Library in Windows Phone 7

By Mahak Gupta on Oct 08, 2012
In this article we will discuss how to access the Image Library in Silverlight in Windows Phone 7.

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:

Silverlight-for-Windows-phone-application.jpg

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:

image-folder.jpg

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.

output.jpg

Mahak Gupta

My name is Mahak Gupta. I am a C# Corner MVP.

COMMENT USING