Flicker Image Search in Windows Store Apps

<GridView x:Name="GridImg" Grid.Row="2" Margin="30,0,0,0" >

<GridView.ItemTemplate>

<DataTemplate>

<Image Width="300" Height="300" Source="{Binding ImageUrl}"></Image>

</DataTemplate>

</GridView.ItemTemplate>

</GridView>

</Grid>

</Page>

Step 4

Your complete "MainPage.xaml.cs" page is as in the following code. Here we are using the namespace "System.Net.Http". Replace here "FlickerKey" with your Flicker API key

using System;

using System.Collections.Generic;

using System.IO;

using System.Linq;

using System.Net.Http;

using System.Xml.Linq;

using Windows.Foundation;

using Windows.Foundation.Collections;

using Windows.UI.Xaml;

using Windows.UI.Xaml.Controls;

using Windows.UI.Xaml.Controls.Primitives;

using Windows.UI.Xaml.Data;

using Windows.UI.Xaml.Input;

using Windows.UI.Xaml.Media;

using Windows.UI.Xaml.Navigation;

namespace FlikarPhotoSearch

{

public sealed partial class MainPage : Page

{

private HttpClient HtpClnt;

private string Flickerkey = "8beb702d6b2fbf292f43cf801b610674";

private string SearchUrl = "http://api.flickr.com/services/rest/?method=flickr.photos.search&api_key={0}&text={1}";

public MainPage()

{

this.InitializeComponent();

}

protected override void OnNavigatedTo(NavigationEventArgs e)

{

}

private async void SearchBtn_Click(object sender, RoutedEventArgs e)

{

HtpClnt = new HttpClient();

HttpResponseMessage GetResponce = await HtpClnt.GetAsync(String.Format(SearchUrl, Flickerkey, ImgText.Text));

ImagePas(GetResponce);

}

private async void ImagePas(HttpResponseMessage Htpmsg)

{

XDocument Doc = XDocument.Parse(await Htpmsg.Content.ReadAsStringAsync());

var myphoto = from results in Doc.Descendants("photo")

select new FlikarSearch

{

PhotosId = results.Attribute("id").Value.ToString(),

ImgTitle = results.Attribute("title").Value.ToString(),

Scrt = results.Attribute("secret").Value.ToString(),

FarmeId = results.Attribute("farm").Value.ToString(),

ServerId = results.Attribute("server").Value.ToString()

};

GridImg.ItemsSource = myphoto;

}

}

}

Step 5

Now run the application and type in the search keyword in the TextBox and click on "Search Image" to search the image.