Load photo from Flickr

Base on the parsed JSON in the post "Parse JSON returned from Flickr Services", we can retrieve the Flickr photo. This exercise will load the photo from Flickr according to the parsed result.



Modify the layout, main.xml, to add a ImageView to show the photo.

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
   android:orientation="vertical"
   android:layout_width="fill_parent"
   android:layout_height="fill_parent"
   >
<TextView 
   android:layout_width="fill_parent"
   android:layout_height="wrap_content"
   android:text="@string/hello"
   />
<EditText
   android:id="@+id/searchtext"
   android:layout_width="fill_parent"
   android:layout_height="wrap_content"
   />
<Button
   android:id="@+id/searchbutton"
   android:layout_width="fill_parent"
   android:layout_height="wrap_content"
   android:text="Search"
   />
<TextView 
   android:id="@+id/queryresult"
   android:layout_width="fill_parent"
   android:layout_height="wrap_content"
   />
<TextView 
   android:id="@+id/jsonresult"
   android:layout_width="fill_parent"
   android:layout_height="wrap_content"
   />
<ImageView 
   android:id="@+id/flickrPhoto"
   android:layout_width="fill_parent"
   android:layout_height="wrap_content"
   />
</LinearLayout>

Modify the code, AndroidFlickrActivity, implement a method LoadPhotoFromFlickr() to load photo from Flickr.

package com.exercise.AndroidFlickr;

import java.io.BufferedReader;
import java.io.IOException;
import java.io.InputStream;
import java.io.InputStreamReader;
import java.io.Reader;
import java.net.HttpURLConnection;
import java.net.MalformedURLException;
import java.net.URL;

import org.apache.http.HttpEntity;
import org.apache.http.client.ClientProtocolException;
import org.apache.http.client.HttpClient;
import org.apache.http.client.methods.HttpGet;
import org.apache.http.impl.client.DefaultHttpClient;
import org.json.JSONArray;
import org.json.JSONException;
import org.json.JSONObject;

import android.app.Activity;
import android.graphics.Bitmap;
import android.graphics.BitmapFactory;
import android.os.Bundle;
import android.view.View;
import android.widget.Button;
import android.widget.EditText;
import android.widget.ImageView;
import android.widget.TextView;

public class AndroidFlickrActivity extends Activity {

/*
 * FlickrQuery = FlickrQuery_url
 * + FlickrQuery_per_page
 * + FlickrQuery_nojsoncallback
 * + FlickrQuery_format
 * + FlickrQuery_tag + q
 * + FlickrQuery_key + FlickrApiKey
 */
   
String FlickrQuery_url = "http://api.flickr.com/services/rest/?method=flickr.photos.search";
String FlickrQuery_per_page = "&per_page=1";
String FlickrQuery_nojsoncallback = "&nojsoncallback=1";
String FlickrQuery_format = "&format=json";
String FlickrQuery_tag = "&tags=";
String FlickrQuery_key = "&api_key=";

// Apply your Flickr API:
// www.flickr.com/services/apps/create/apply/?
String FlickrApiKey = "xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx";

EditText searchText;
   Button searchButton;
   TextView textQueryResult, textJsonResult;
   ImageView imageFlickrPhoto;
  
   Bitmap bmFlickr;

   /** Called when the activity is first created. */
   @Override
   public void onCreate(Bundle savedInstanceState) {
       super.onCreate(savedInstanceState);
       setContentView(R.layout.main);
      
       searchText = (EditText)findViewById(R.id.searchtext);
       searchButton = (Button)findViewById(R.id.searchbutton);
       textQueryResult = (TextView)findViewById(R.id.queryresult);
       textJsonResult = (TextView)findViewById(R.id.jsonresult);
       imageFlickrPhoto = (ImageView)findViewById(R.id.flickrPhoto);
      
       searchButton.setOnClickListener(searchButtonOnClickListener);
   }
  
   private Button.OnClickListener searchButtonOnClickListener
   = new Button.OnClickListener(){

 public void onClick(View arg0) {
  // TODO Auto-generated method stub
  String searchQ = searchText.getText().toString();
  String searchResult = QueryFlickr(searchQ);
  textQueryResult.setText(searchResult);
  String jsonResult = ParseJSON(searchResult);
  textJsonResult.setText(jsonResult);
 
  if (bmFlickr != null){
   imageFlickrPhoto.setImageBitmap(bmFlickr);
  }
 }};
  
   private String QueryFlickr(String q){
   
    String qResult = null;
   
    String qString =
      FlickrQuery_url
      + FlickrQuery_per_page
      + FlickrQuery_nojsoncallback
      + FlickrQuery_format
      + FlickrQuery_tag + q 
      + FlickrQuery_key + FlickrApiKey;
   
    HttpClient httpClient = new DefaultHttpClient();
       HttpGet httpGet = new HttpGet(qString);
      
       try {
  HttpEntity httpEntity = httpClient.execute(httpGet).getEntity();
 
  if (httpEntity != null){
   InputStream inputStream = httpEntity.getContent();
   Reader in = new InputStreamReader(inputStream);
   BufferedReader bufferedreader = new BufferedReader(in);
   StringBuilder stringBuilder = new StringBuilder();
  
   String stringReadLine = null;
  
   while ((stringReadLine = bufferedreader.readLine()) != null) {
    stringBuilder.append(stringReadLine + "\n");
    }
  
   qResult = stringBuilder.toString();

  }
 
 } catch (ClientProtocolException e) {
  // TODO Auto-generated catch block
  e.printStackTrace();
 } catch (IOException e) {
  // TODO Auto-generated catch block
  e.printStackTrace();
 }
      
       return qResult;
   }
  
   private String ParseJSON(String json){
   
    String jResult = null;
    bmFlickr = null;
   
    String flickrId;
    String flickrOwner;
    String flickrSecret;
    String flickrServer;
    String flickrFarm;
    String flickrTitle;
   
    try {
  JSONObject JsonObject = new JSONObject(json);
  JSONObject Json_photos = JsonObject.getJSONObject("photos");
  JSONArray JsonArray_photo = Json_photos.getJSONArray("photo");
 
  //We have only one photo in this exercise
  JSONObject FlickrPhoto = JsonArray_photo.getJSONObject(0);
 
  flickrId = FlickrPhoto.getString("id");
  flickrOwner = FlickrPhoto.getString("owner");
  flickrSecret = FlickrPhoto.getString("secret");
  flickrServer = FlickrPhoto.getString("server");
  flickrFarm = FlickrPhoto.getString("farm");
  flickrTitle = FlickrPhoto.getString("title");
 
  jResult = "\nid: " + flickrId + "\n"
    + "owner: " + flickrOwner + "\n"
    + "secret: " + flickrSecret + "\n"
    + "server: " + flickrServer + "\n"
    + "farm: " + flickrFarm + "\n"
    + "title: " + flickrTitle + "\n";
 
  bmFlickr = LoadPhotoFromFlickr(flickrId, flickrOwner, flickrSecret,
    flickrServer, flickrFarm, flickrTitle);
 
 } catch (JSONException e) {
  // TODO Auto-generated catch block
  e.printStackTrace();
 }
   
    return jResult;
   }
  
   private Bitmap LoadPhotoFromFlickr(
     String id, String owner, String secret,
     String server, String farm, String title){
    Bitmap bm= null;
   
    String FlickrPhotoPath =
      "http://farm" + farm + ".static.flickr.com/"
      + server + "/" + id + "_" + secret + "_m.jpg";
   
    URL FlickrPhotoUrl = null;
   
    try {
  FlickrPhotoUrl = new URL(FlickrPhotoPath);
 
  HttpURLConnection httpConnection
   = (HttpURLConnection) FlickrPhotoUrl.openConnection();
  httpConnection.setDoInput(true);
  httpConnection.connect();
  InputStream inputStream = httpConnection.getInputStream();
  bm = BitmapFactory.decodeStream(inputStream);
 
 } catch (MalformedURLException e) {
  // TODO Auto-generated catch block
  e.printStackTrace();
 } catch (IOException e) {
  // TODO Auto-generated catch block
  e.printStackTrace();
 }
   
    return bm;
   }
}

Download the files.

Next:
- Load photo from Flickr, part II