Knowledge by Experience

Storing Google Maps Android API V2 marker locations in MySQL

George Mathew — Mon, 14 Oct 2013 03:46:42 +0000

In this article, we will develop an Android application that stores user touched locations of Google Maps in a remote MySQL server. Since this application is developed using SupportMapFragment, it can support Android API version 8 and above.

In order to send latitude and longitude from the application to the web server, we are using HTTPUrlConnection api in “POST” request method.

Screenshot of this application is available towards the end of this article.

This application is developed in Eclipse ( 4.2.0 ) with Android SDK ( 22.2.1 ) and ADT plugin ( 22.2.1 ) and is tested in Android API Level 2.3.6 and 4.1.2.

1. Create new Android application with the given below details

Application Name : LocationMarkerMySQL

Project Name : LocationMarkerMySQL

Package Name : in.wptrafficanalyzer.locationmarkermysql

Minimum Required SDK : API 8: Android 2.2 ( Froyo )

Target SDK : API 18: Android 4.3

Compile With: API 18: Android 4.3

Theme : Holo Light with Dark Action Bar

2. Download and configure Google Play Services Library in Eclipse

Please follow the given below link to setup Google Play Service library in Eclipse.

http://developer.android.com/google/play-services/setup.html

3. Referencing the Google Play Services library in this project

Please follow the given below link to reference the Google Play Service library into this project

http://developer.android.com/tools/projects/projects-eclipse.html#ReferencingLibraryProject

4. Get the API key for Google Maps Android API V2

We need to get an API key from Google to use Google Maps in Android application.

Please follow the given below link to get the API key for Google Maps Android API v2.

https://developers.google.com/maps/documentation/android/start

5. Add Android Support Library ( V4 ) to this project

By default, Android support library (android-support-v4.jar ) is added to this project by Eclipse IDE to the directory libs. If it is not added, we can do it manually by doing the following steps :

Open Project Explorer by Clicking “Window -> Show View -> Project Explorer”
Right click this project
Then from popup menu, Click “Android Tools -> Add Support Library “

6. Update the file res/layout/activity_main.xml

7. Create a parser class namely MarkerJSONParser in the file src/in/wptrafficanalyzer/locationmarkermysql/MarkerJSONParser.java

package in.wptrafficanalyzer.locationmarkermysql;

import java.util.ArrayList;
import java.util.HashMap;
import java.util.List;

import org.json.JSONArray;
import org.json.JSONException;
import org.json.JSONObject;

public class MarkerJSONParser {

    /** Receives a JSONObject and returns a list */
    public List> parse(JSONObject jObject){

        JSONArray jMarkers = null;
       try {
            /** Retrieves all the elements in the 'markers' array */
            jMarkers = jObject.getJSONArray("markers");
        } catch (JSONException e) {
            e.printStackTrace();
        }
        /** Invoking getMarkers with the array of json object
        * where each json object represent a marker
        */
        return getMarkers(jMarkers);
    }

    private List> getMarkers(JSONArray jMarkers){
        int markersCount = jMarkers.length();
        List> markersList = new ArrayList>();
        HashMap marker = null;

        /** Taking each marker, parses and adds to list object */
        for(int i=0; i getMarker(JSONObject jMarker){

        HashMap marker = new HashMap();
        String lat = "-NA-";
        String lng ="-NA-";

        try {
            // Extracting latitude, if available
            if(!jMarker.isNull("lat")){
                lat = jMarker.getString("lat");
            }

            // Extracting longitude, if available
            if(!jMarker.isNull("lng")){
                lng = jMarker.getString("lng");
            }

            marker.put("lat", lat);
            marker.put("lng", lng);

        } catch (JSONException e) {
            e.printStackTrace();
        }
        return marker;
    }
}

8. Update the class “MainActivity” in the file src/in/wptrafficanalyzer/locationmarkermysql/MainActivity.java

package in.wptrafficanalyzer.locationmarkermysql;

import java.io.BufferedReader;
import java.io.IOException;
import java.io.InputStream;
import java.io.InputStreamReader;
import java.io.OutputStreamWriter;
import java.net.HttpURLConnection;
import java.net.MalformedURLException;
import java.net.URL;
import java.util.HashMap;
import java.util.List;

import org.json.JSONException;
import org.json.JSONObject;

import android.os.AsyncTask;
import android.os.Bundle;
import android.support.v4.app.FragmentActivity;
import android.view.Menu;

import com.google.android.gms.maps.GoogleMap;
import com.google.android.gms.maps.GoogleMap.OnMapClickListener;
import com.google.android.gms.maps.SupportMapFragment;
import com.google.android.gms.maps.model.LatLng;
import com.google.android.gms.maps.model.MarkerOptions;

public class MainActivity extends FragmentActivity {

    GoogleMap mGoogleMap;

    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_main);

        // Getting reference to SupportMapFragment
        SupportMapFragment fragment = (SupportMapFragment) getSupportFragmentManager()
                .findFragmentById(R.id.map);

        // Creating GoogleMap from SupportMapFragment
        mGoogleMap = fragment.getMap();

        // Enabling MyLocation button for the Google Map
        mGoogleMap.setMyLocationEnabled(true);

        // Setting OnClickEvent listener for the GoogleMap
        mGoogleMap.setOnMapClickListener(new OnMapClickListener() {
            @Override
            public void onMapClick(LatLng latlng) {
                addMarker(latlng);
                sendToServer(latlng);
            }
        });

        // Starting locations retrieve task
        new RetrieveTask().execute();
    }

    // Adding marker on the GoogleMaps
    private void addMarker(LatLng latlng) {
        MarkerOptions markerOptions = new MarkerOptions();
        markerOptions.position(latlng);
        markerOptions.title(latlng.latitude + "," + latlng.longitude);
        mGoogleMap.addMarker(markerOptions);
    }

    // Invoking background thread to store the touched location in Remove MySQL server
    private void sendToServer(LatLng latlng) {
        new SaveTask().execute(latlng);
    }
    // Background thread to save the location in remove MySQL server
    private class SaveTask extends AsyncTask {
        @Override
        protected Void doInBackground(LatLng... params) {
            String lat = Double.toString(params[0].latitude);
            String lng = Double.toString(params[0].longitude);
            String strUrl = "http://192.168.1.3/location_marker_mysql/save.php";
            URL url = null;
            try {
                url = new URL(strUrl);

                HttpURLConnection connection = (HttpURLConnection) url
                    .openConnection();
                connection.setRequestMethod("POST");
                connection.setDoOutput(true);
                OutputStreamWriter outputStreamWriter = new OutputStreamWriter(
                connection.getOutputStream());

                outputStreamWriter.write("lat=" + lat + "&lng="+lng);
                outputStreamWriter.flush();
                outputStreamWriter.close();

                InputStream iStream = connection.getInputStream();
                BufferedReader reader = new BufferedReader(new
                InputStreamReader(iStream));

                StringBuffer sb = new StringBuffer();

                String line = "";

                while( (line = reader.readLine()) != null){
                    sb.append(line);
                }

                reader.close();
                iStream.close();

            } catch (MalformedURLException e) {
                e.printStackTrace();
            } catch (IOException e) {
                e.printStackTrace();
            }

            return null;
        }
    }

    // Background task to retrieve locations from remote mysql server
    private class RetrieveTask extends AsyncTask{

        @Override
        protected String doInBackground(Void... params) {
            String strUrl = "http://192.168.1.3/location_marker_mysql/retrieve.php";
            URL url = null;
            StringBuffer sb = new StringBuffer();
            try {
                url = new URL(strUrl);
                HttpURLConnection connection = (HttpURLConnection) url.openConnection();
                connection.connect();
                InputStream iStream = connection.getInputStream();
                BufferedReader reader = new BufferedReader(new InputStreamReader(iStream));
                String line = "";
                while( (line = reader.readLine()) != null){
                    sb.append(line);
                }

                reader.close();
                iStream.close();

            } catch (MalformedURLException e) {
                e.printStackTrace();
            } catch (IOException e) {
                e.printStackTrace();
            }
            return sb.toString();
        }

        @Override
        protected void onPostExecute(String result) {
            super.onPostExecute(result);
            new ParserTask().execute(result);
        }
    }

    // Background thread to parse the JSON data retrieved from MySQL server
    private class ParserTask extends AsyncTask>>{
        @Override
        protected List> doInBackground(String... params) {
            MarkerJSONParser markerParser = new MarkerJSONParser();
            JSONObject json = null;
            try {
                json = new JSONObject(params[0]);
            } catch (JSONException e) {
                e.printStackTrace();
            }
            List> markersList = markerParser.parse(json);
            return markersList;
        }

        @Override
        protected void onPostExecute(List> result) {
            for(int i=0; i marker = result.get(i);
                LatLng latlng = new LatLng(Double.parseDouble(marker.get("lat")), Double.parseDouble(marker.get("lng")));
                addMarker(latlng);
            }
        }
    }

    @Override
    public boolean onCreateOptionsMenu(Menu menu) {
        // Inflate the menu; this adds items to the action bar if it is present.
        getMenuInflater().inflate(R.menu.main, menu);
        return true;
    }
}

9. Update the file AndroidManifest.xml

10. Screenshot of the application

Figure 1 : Showing markers from MySQL server

11. Source code of the php script file used in this demo application to store and retrieve locations from MySQL server

Storing Google Maps Android API V2 marker locations in MySQL - PHP 1.63 KB

Download PHP Files

12. Source code of this Android Application

Storing Google Maps Android API V2 marker locations in MySQL 535.25 KB

Download Full Source Code

How to hire me?

I am George Mathew, working as software architect and Android app developer at wptrafficanalyzer.in

You can hire me on hourly basis or on project basis for Android applications development.

For hiring me, please mail your requirements to info@wptrafficanalyzer.in.

My other blogs
store4js.blogspot.com

Android Sidebar Navigation Drawer with Icons

George Mathew — Wed, 09 Oct 2013 16:05:09 +0000

In this article, we will see how to develop an Android application containing sidebar navigation drawer menu with icons and counter. Here count specifies, how many times the drawer menu item is selected by the user since the application is opened.

In order to display ActionBar in legacy Android versions, we are making use ActionBarCompat library ( V7 ) . For navigation drawer library, we are making use Android Support Library ( V4 ) .

This application is developed in Eclipse 4.2.0 with Android SDK ( 22.2.1 ) and ADT plugin ( 22.2.1 ).

Screenshot of this application is available towards the end of this article.

1. Create an Android application project with the given below details

Application Name : NavigationDrawerLegacy

Project Name : NavigationDrawerLegacy

Package Name : in.wptrafficanalyzer.navigationdrawerlegacy

Minimum Required SDK : API 8 : Android 2.2 ( Froyo )

Target SDK : API 18 : Android 4.3

Compile With : API 18 : Android 4.3

Theme : Holo Light with Dark Action Bar

2. Adding Android Support Library ( V4 )

By default, Android support library (android-support-v4.jar ) is added by Eclipse IDE to the directory libs. If it is not added, we can do it manually by doing the following steps :

Open Project Explorer by Clicking “Window -> Show View -> Project Explorer”
Right click this project
Then from popup menu, Click “Android Tools -> Add Support Library “

3. Adding ActionBarCompat Support Library ( V7 )

Please refer the article titled “Android – Setting up ActionBarCompat support library in Eclipse”

4. Link this project to ActionBarCompat library

Figure 1 : Link this project to ActionBarCompat library ( V7)

5. Download and extract the icon images to the directory res/drawable-mdpi

Icon Images

6. Update the file res/values/strings.xml




    NavigationDrawerLegacy
    Settings
    Hello world!
    Hello
    10dp
    Open navigation drawer
    Close navigation drawer

    
        India
        Pakistan
        Sri Lanka
        China
        Bangladesh
        Nepal
        Afghanistan
        North Korea
        South Korea
        Japan

7. Create a Shape drawable in the file res/drawable/counter_shape.xml

8. Create a Shape drawable in the file res/drawable/drawer_title_shape.xml

9. Create a layout for the navigation drawer listview for legacy Android Versions ( API Level < 11 ) in the file res/layout/drawer_layout.xml

10. Create a layout for the navigation drawer listview for Android Versions ( API Level >= 11 ) in the file res/layout-v11/drawer_layout.xml

11. Create a layout file namely res/layout/fragment_layout.xml for the fragment CountryFragment

12. Update the layout file res/layout/activity_main.xml to include navigation drawer in the MainActivity

13. Create a fragment class namely CountryFragment in the file src/in/wptrafficanalyzer/navigationdrawerlegacy/CountryFragment.java


package in.wptrafficanalyzer.navigationdrawerlegacy;

import android.os.Bundle;
import android.support.v4.app.Fragment;
import android.view.LayoutInflater;
import android.view.View;
import android.view.ViewGroup;
import android.widget.TextView;

public class CountryFragment extends Fragment{

    @Override
    public View onCreateView(LayoutInflater inflater, ViewGroup container,
        Bundle savedInstanceState) {

        // Retrieving the currently selected item number
        int position = getArguments().getInt("position");

        // List of rivers
        String[] countries = getResources().getStringArray(R.array.countries);

        // Creating view correspoding to the fragment
        View v = inflater.inflate(R.layout.fragment_layout, container, false);

        // Getting reference to the TextView of the Fragment
        TextView tv = (TextView) v.findViewById(R.id.tv_content);

        // Setting currently selected river name in the TextView
        tv.setText(countries[position]);

        return v;
    }
}

14. Update the file src/in/wptrafficanalyzer/navigationdrawerlegacy/MainActivity.java


package in.wptrafficanalyzer.navigationdrawerlegacy;

import java.util.ArrayList;
import java.util.HashMap;
import java.util.List;

import android.os.Bundle;
import android.support.v4.app.ActionBarDrawerToggle;
import android.support.v4.app.FragmentManager;
import android.support.v4.app.FragmentTransaction;
import android.support.v4.widget.DrawerLayout;
import android.support.v7.app.ActionBarActivity;
import android.view.Menu;
import android.view.MenuItem;
import android.view.View;
import android.widget.AdapterView;
import android.widget.AdapterView.OnItemClickListener;
import android.widget.LinearLayout;
import android.widget.ListView;
import android.widget.SimpleAdapter;
import android.widget.Toast;

public class MainActivity extends ActionBarActivity {

 int mPosition = -1;
 String mTitle = "";

 // Array of strings storing country names
 String[] mCountries ;

 // Array of integers points to images stored in /res/drawable-ldpi/
 int[] mFlags = new int[]{
 R.drawable.india,
 R.drawable.pakistan,
 R.drawable.srilanka,
 R.drawable.china,
 R.drawable.bangladesh,
 R.drawable.nepal,
 R.drawable.afghanistan,
 R.drawable.nkorea,
 R.drawable.skorea,
 R.drawable.japan
 };

// Array of strings to initial counts
 String[] mCount = new String[]{
 "", "", "", "", "",
 "", "", "", "", "" };

 private DrawerLayout mDrawerLayout;
 private ListView mDrawerList;
 private ActionBarDrawerToggle mDrawerToggle;
 private LinearLayout mDrawer ;
 private List> mList ;
 private SimpleAdapter mAdapter;
 final private String COUNTRY = "country";
 final private String FLAG = "flag";
 final private String COUNT = "count";

 @Override
 protected void onCreate(Bundle savedInstanceState) {
 super.onCreate(savedInstanceState);
 setContentView(R.layout.activity_main);

 // Getting an array of country names
 mCountries = getResources().getStringArray(R.array.countries);

 // Title of the activity
 mTitle = (String)getTitle();

 // Getting a reference to the drawer listview
 mDrawerList = (ListView) findViewById(R.id.drawer_list);

 // Getting a reference to the sidebar drawer ( Title + ListView )
 mDrawer = ( LinearLayout) findViewById(R.id.drawer);

 // Each row in the list stores country name, count and flag
 mList = new ArrayList>();
 for(int i=0;i<10;i++){
 HashMap hm = new HashMap();
 hm.put(COUNTRY, mCountries[i]);
 hm.put(COUNT, mCount[i]);
 hm.put(FLAG, Integer.toString(mFlags[i]) );
 mList.add(hm);
 }

// Keys used in Hashmap
 String[] from = { FLAG,COUNTRY,COUNT };

// Ids of views in listview_layout
 int[] to = { R.id.flag , R.id.country , R.id.count};

// Instantiating an adapter to store each items
 // R.layout.drawer_layout defines the layout of each item
 mAdapter = new SimpleAdapter(this, mList, R.layout.drawer_layout, from, to);

 // Getting reference to DrawerLayout
 mDrawerLayout = (DrawerLayout)findViewById(R.id.drawer_layout);

 // Creating a ToggleButton for NavigationDrawer with drawer event listener
 mDrawerToggle = new ActionBarDrawerToggle(this, mDrawerLayout, R.drawable.ic_drawer , R.string.drawer_open,R.string.drawer_close){

 /** Called when drawer is closed */
 public void onDrawerClosed(View view) {
 highlightSelectedCountry();
 supportInvalidateOptionsMenu();
 }

/** Called when a drawer is opened */
 public void onDrawerOpened(View drawerView) {
 getSupportActionBar().setTitle("Select a Country");
 supportInvalidateOptionsMenu();
 }
 };

 // Setting event listener for the drawer
 mDrawerLayout.setDrawerListener(mDrawerToggle);

 // ItemClick event handler for the drawer items
 mDrawerList.setOnItemClickListener(new OnItemClickListener() {

@Override
 public void onItemClick(AdapterView arg0, View arg1, int position,
 long arg3) {

 // Increment hit count of the drawer list item
 incrementHitCount(position);

 if(position < 5) { // Show fragment for countries : 0 to 4
 showFragment(position);
 }else{ // Show message box for countries : 5 to 9
 Toast.makeText(getApplicationContext(), mCountries[position], Toast.LENGTH_LONG).show();
 }

 // Closing the drawer
 mDrawerLayout.closeDrawer(mDrawer);
 }
 });

 // Enabling Up navigation
 getSupportActionBar().setDisplayHomeAsUpEnabled(true);

 getSupportActionBar().setDisplayShowHomeEnabled(true);

// Setting the adapter to the listView
 mDrawerList.setAdapter(mAdapter);

 }

 @Override
 protected void onPostCreate(Bundle savedInstanceState) {
 super.onPostCreate(savedInstanceState);
 mDrawerToggle.syncState();

 }

 @Override
 public boolean onOptionsItemSelected(MenuItem item) {
 if (mDrawerToggle.onOptionsItemSelected(item)) {
 return true;
 }
 return super.onOptionsItemSelected(item);
 }

 @Override
 public boolean onCreateOptionsMenu(Menu menu) {
 // Inflate the menu; this adds items to the action bar if it is present.
 getMenuInflater().inflate(R.menu.main, menu);
 return true;
 }

 public void incrementHitCount(int position){
 HashMap item = mList.get(position);
 String count = item.get(COUNT);
 item.remove(COUNT);
 if(count.equals("")){
 count = " 1 ";
 }else{
 int cnt = Integer.parseInt(count.trim());
 cnt ++;
 count = " " + cnt + " ";
 }
 item.put(COUNT, count);
 mAdapter.notifyDataSetChanged();
 }

 public void showFragment(int position){

 //Currently selected country
 mTitle = mCountries[position];

// Creating a fragment object
 CountryFragment cFragment = new CountryFragment();

// Creating a Bundle object
 Bundle data = new Bundle();

// Setting the index of the currently selected item of mDrawerList
 data.putInt("position", position);

// Setting the position to the fragment
 cFragment.setArguments(data);

// Getting reference to the FragmentManager
 FragmentManager fragmentManager = getSupportFragmentManager();

// Creating a fragment transaction
 FragmentTransaction ft = fragmentManager.beginTransaction();

// Adding a fragment to the fragment transaction
 ft.replace(R.id.content_frame, cFragment);

// Committing the transaction
 ft.commit();
 }

 // Highlight the selected country : 0 to 4
 public void highlightSelectedCountry(){
 int selectedItem = mDrawerList.getCheckedItemPosition();

 if(selectedItem > 4)
 mDrawerList.setItemChecked(mPosition, true);
 else
 mPosition = selectedItem;

 if(mPosition!=-1)
 getSupportActionBar().setTitle(mCountries[mPosition]);
 }
}

15. Update the file AndroidManifest.xml

16. Screenshot of the application

Figure 2 : Sidebar Navigation Drawer Demo

17. Download Source Code

Android Sidebar Navigation Drawer with Icons and count 596.95 KB

Download Full Source Code

How to hire me?

My other blogs
store4js.blogspot.com

Android Sending and Receiving data from remote server using IntentService

George Mathew — Thu, 26 Sep 2013 12:07:10 +0000

In this article, we will see how to develop an Android application that sends and receives data from a web server using IntentService. IntentService provides a simple mechanism to execute long lasting operations ( eg : downloading data ) in a background thread.

In this application user is able to select a country from a spinner widget and on selecting the country, corresponding capital name will be fetched from an http web server using IntentService and displayed to the user.

Major steps involved in this application are as follows :

Populate Spinner widget with a String ArrayAdapter

Create an IntentService class ( CapitalService ), which will be invoked when user selects a country from the Spinner widget

Override the method “onHandleIntent()” of the IntentService class to fetch the capital of the selected country from a remote server

Define a BroadcastReceiver class ( CapitalReceiver) in MainActivity, to receive the broadcast message send from the IntentService class

Override the method “onReceive()” of the BroadcastReceiver class to receive data from service and set in TextView of the MainActivity

This application is developed in Eclipse 4.2.0 with Android SDK ( 22.2.1 ) and ADT plugin ( 22.2.1 )

1. Create an Android application project with the given below project details

Application Name : IntentServiceDemo

Project Name : IntentServiceDemo

Package Name : in.wptrafficanalyzer.intentservicedemo

Minimum Required SDK : API 8 : Android 2.2 ( Froyo )

Target SDK : API 18 : Android 4.3

Compile With : API 18 : Android 4.3

Theme : Holo Light with Dark Action Bar

2. Update the layout file res/layout/activity_main.xml for the MainActivity

3. Creating a layout for the Spinner Items in the file res/layout/spinner_layout.xml

4. Creating a class called Constants to define application constants in the file src/in/wptrafficanalyzer/intentservicedemo/Constants.java

package in.wptrafficanalyzer.intentservicedemo;

public final class Constants {

    // Action Name to IntentFilter
    public static final String BROADCAST_ACTION = "in.wptrafficanalyzer.intentservicedemo.BROADCAST";

    public static final String EXTRA_COUNTRY = "country";

    public static final String EXTRA_CAPITAL = "capital";

    // The url to the server where php script for capital is available
    public static final String SERVER_URL = "http://wptrafficanalyzer.in/p/intent_service_demo";

}

5. Creating an IntentService class called CapitalService in the file src/in/wptrafficanalyzer/intentservicedemo/CapitalService.java

package in.wptrafficanalyzer.intentservicedemo;

import java.io.BufferedReader;
import java.io.IOException;
import java.io.InputStream;
import java.io.InputStreamReader;
import java.io.UnsupportedEncodingException;
import java.net.HttpURLConnection;
import java.net.URL;
import java.net.URLEncoder;

import android.app.IntentService;
import android.content.Intent;
import android.support.v4.content.LocalBroadcastManager;
import android.util.Log;

public class CapitalService extends IntentService{

    public CapitalService(){
        super("Empty Constructor");
    }

    public CapitalService(String name) {
        super(name);
        // TODO Auto-generated constructor stub
    }

    // This method is executed in background when this service is started
    @Override
    protected void onHandleIntent(Intent intent) {
        String country = "";
        String capital = "";
        String url = "";

        try {

            country = URLEncoder.encode(intent.getStringExtra(Constants.EXTRA_COUNTRY),"utf-8");

        } catch (UnsupportedEncodingException e1) {
            // TODO Auto-generated catch block
            e1.printStackTrace();
        }

        url = Constants.SERVER_URL + "/get_capital.php?country=" + country;

        try {
            // Retreiving capital from the url
            capital = downloadUrl(url);

            // Creating an intent for broadcastreceiver
            Intent broadcastIntent = new Intent(Constants.BROADCAST_ACTION);

            // Attaching data to the intent
            broadcastIntent.putExtra(Constants.EXTRA_CAPITAL, capital);

            // Sending the broadcast
            LocalBroadcastManager.getInstance(getApplicationContext()).sendBroadcast(broadcastIntent);

        } catch (IOException e) {
            // TODO Auto-generated catch block
            e.printStackTrace();
        }
    }

    /** A method to download data from url */
    private String downloadUrl(String strUrl) throws IOException{
        String data = "";
        InputStream iStream = null;
        HttpURLConnection urlConnection = null;
        try{
            URL url = new URL(strUrl);
            // Creating an http connection to communicate with url
            urlConnection = (HttpURLConnection) url.openConnection();

            // Connecting to url
            urlConnection.connect();

            // Reading data from url
            iStream = urlConnection.getInputStream();

            bufferedReader br = new BufferedReader(new InputStreamReader(iStream));

            StringBuffer sb = new StringBuffer();

            String line = "";
            while( ( line = br.readLine()) != null){
                sb.append(line);
            }

            data = sb.toString();

            br.close();

        }catch(Exception e){
            Log.d("Exception while fetching data", e.toString());
        }finally{
            iStream.close();
            urlConnection.disconnect();
        }
        return data;
    }
}

6. Updating the class MainActivity in the file src/in/wptrafficanalyzer/intentservicedemo/MainActivity.java

package in.wptrafficanalyzer.intentservicedemo;

import android.app.Activity;
import android.content.BroadcastReceiver;
import android.content.Context;
import android.content.Intent;
import android.content.IntentFilter;
import android.os.Bundle;
import android.support.v4.content.LocalBroadcastManager;
import android.view.Menu;
import android.view.View;
import android.widget.AdapterView;
import android.widget.AdapterView.OnItemSelectedListener;
import android.widget.ArrayAdapter;
import android.widget.Spinner;
import android.widget.TextView;

public class MainActivity extends Activity {

    // Array of countries
    String[] mCountry = new String[] {
            "India",
            "Pakistan",
            "Bangladesh",
            "Srilanka",
            "Nepal",
            "China",
            "Japan",
            "South Korea",
            "North Korea",
            "Afghanistan"
    };

    Spinner mSprCountry;
    TextView mTvCapital;
    ArrayAdapter mAdapter;
    Intent mServiceIntent;
    CapitalReceiver mReceiver;
    IntentFilter mFilter;

    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_main);

        // Adapter for Country Spinner
        mAdapter = new ArrayAdapter(getApplicationContext(),R.layout.spinner_layout, mCountry);

        // Getting reference to TextView
        mTvCapital = (TextView) findViewById(R.id.tv_capital);

        // Getting reference to Country Spinner
        mSprCountry = (Spinner) findViewById(R.id.spr_country);

        // Setting adapter for the Country Spinner
        mSprCountry.setAdapter(mAdapter);

        // Creating an intent service
        mServiceIntent = new Intent(getApplicationContext(), CapitalService.class);

        mSprCountry.setOnItemSelectedListener(new OnItemSelectedListener() {

            @Override
            public void onItemSelected(AdapterView arg0, View arg1,
                int arg2, long arg3) {
                if(arg1!=null){
                    String country = ((TextView)arg1).getText().toString();
                    mServiceIntent.putExtra(Constants.EXTRA_COUNTRY, country);

                    // Starting the CapitalService to fetch the capital of the country
                    startService(mServiceIntent);
                }
            }

            @Override
            public void onNothingSelected(AdapterView arg0) {
                // TODO Auto-generated method stub
            }
        });

        // Instantiating BroadcastReceiver
        mReceiver = new CapitalReceiver();

        // Creating an IntentFilter with action
        mFilter = new IntentFilter(Constants.BROADCAST_ACTION);

         // Registering BroadcastReceiver with this activity for the intent filter
         LocalBroadcastManager.getInstance(getApplicationContext()).registerReceiver(mReceiver, mFilter);

    }

    @Override
    public boolean onCreateOptionsMenu(Menu menu) {
        // Inflate the menu; this adds items to the action bar if it is present.
        getMenuInflater().inflate(R.menu.main, menu);
        return true;
    }

    // Defining a BroadcastReceiver
    private class CapitalReceiver extends BroadcastReceiver{
        @Override
        public void onReceive(Context context, Intent intent) {
            String capital = intent.getStringExtra(Constants.EXTRA_CAPITAL);
            mTvCapital.setText("Capital : " + capital);
        }
    }
}

7. Create a php script file namely “get_capital.php” in a web server having php support

"New Delhi",
        "Pakistan"=>"Islamabad",
        "Bangladesh"=>"Dhaka",
        "Srilanka"=>"Colombo",
        "Nepal"=>"Kathmandu",
        "China"=>"Beijing",
        "Japan"=>"Tokyo",
        "South Korea"=>"Seoul",
        "North Korea"=>"Pyongyang",
        "Afghanistan"=>"Kabul",
    );
    if(isset($_GET['country'])){
        $country = $_GET['country'];
    }

    if(array_key_exists($country,$capital))
        echo $capital[$country];
    else
        echo "Please pass a valid 'country' param from this list : " . implode(",",array_keys($capital));

Note : After creating this file, please ensure that, the variable SERVER_URL of the class Constants is updated with your server url.

8. Screenshot of the application

Selecting a country from the Spinner

9. Download the source code of the application

Android Sending and Receiving data from remote server using IntentService 515.71 KB

Download Full Source Code

How to hire me?

My other blogs
store4js.blogspot.com

Swipable Navigation Tabs using ActionBarCompat library

George Mathew — Thu, 29 Aug 2013 06:39:43 +0000

In this article, we will see how to develop an Android application containing swipable navigation tabs.

In order to enable swiping between tabs, we are making use ViewPager in this application.

This application is developed in Eclipse ( 4.2.0 ) with Android SDK ( 22.0.5 ) and ADT plugin ( 22.0.5 ) .

1. Create new Android application project namely “ActionBarCompatNavTabSwipe”

Figure 1 : Create new Android application project

2. Configure the application

Figure 2 : Configure the application project

3. Design application launcher icon

Figure 3 : Design application launcher icon

4. Create a blank activity

Figure 4 : Create a blank activity

5. Enter MainActivity Details

Figure 5 : Enter MainActivity details

6. Update the file res/values/strings.xml





    ActionBarCompatNavTabSwipe
    Settings
    Hello world!
    Fragment1
    Fragment2

7. Create a layout file for Fragment1 in the file res/layout/fragment1.xml

8. Create a layout file for Fragment2 in the file res/layout/fragment2.xml

9. Update the layout file res/layout/activity_main.xml

10. Create a class Fragment1 in the file src/in/wptrafficanalyzer/actionbarcompatnavtabswipe/Fragment1.java


package in.wptrafficanalyzer.actionbarcompatnavtabswipe;

import android.os.Bundle;
import android.support.v4.app.Fragment;
import android.view.LayoutInflater;
import android.view.Menu;
import android.view.MenuInflater;
import android.view.View;
import android.view.ViewGroup;

public class Fragment1 extends Fragment {
    @Override
    public View onCreateView(LayoutInflater inflater, ViewGroup container,
        Bundle savedInstanceState) {
        return inflater.inflate(R.layout.fragment1, null);
    }
}

11. Create a class Fragment2 in the file src/in/wptrafficanalyzer/actionbarcompatnavtabswipe/Fragment2.java


package in.wptrafficanalyzer.actionbarcompatnavtabswipe;

import android.os.Bundle;
import android.support.v4.app.Fragment;
import android.view.LayoutInflater;
import android.view.Menu;
import android.view.MenuInflater;
import android.view.View;
import android.view.ViewGroup;

public class Fragment2 extends Fragment {

    @Override
    public View onCreateView(LayoutInflater inflater, ViewGroup container,
        Bundle savedInstanceState) {
        return inflater.inflate(R.layout.fragment2, null);
    }
}

12. Create a class MyFragmentPagerAdapter in the file src/in/wptrafficanalyzer/actionbarcompatnavtabswipe/MyFragmentPagerAdapter.java

package in.wptrafficanalyzer.actionbarcompatnavtabswipe;

import android.os.Bundle;
import android.support.v4.app.Fragment;
import android.support.v4.app.FragmentManager;
import android.support.v4.app.FragmentPagerAdapter;

public class MyFragmentPagerAdapter extends FragmentPagerAdapter{

    final int PAGE_COUNT = 2;

    /** Constructor of the class */
    public MyFragmentPagerAdapter(FragmentManager fm) {
        super(fm);
    }

    /** This method will be invoked when a page is requested to create */
    @Override
    public Fragment getItem(int arg0) {
        Bundle data = new Bundle();
        switch(arg0){

            /** tab1 is selected */
            case 0:
                Fragment1 fragment1 = new Fragment1();
                return fragment1;

            /** tab2 is selected */
            case 1:
                Fragment2 fragment2 = new Fragment2();
                return fragment2;
        }
        return null;
    }

    /** Returns the number of pages */
    @Override
    public int getCount() {
        return PAGE_COUNT;
    }
}

13. Update the class MainActivity in the file src/in/wptrafficanalyzer/actionbarcompatnavtabswipe/MainActivity.java


package in.wptrafficanalyzer.actionbarcompatnavtabswipe;

import android.os.Bundle;
import android.support.v4.app.FragmentManager;
import android.support.v4.app.FragmentTransaction;
import android.support.v4.view.ViewPager;
import android.support.v7.app.ActionBar;
import android.support.v7.app.ActionBar.Tab;
import android.support.v7.app.ActionBarActivity;

public class MainActivity extends ActionBarActivity {

    private ViewPager mPager;

    ActionBar mActionbar;

    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_main);

        /** Getting a reference to action bar of this activity */
        mActionbar = getSupportActionBar();

        /** Set tab navigation mode */
        mActionbar.setNavigationMode(ActionBar.NAVIGATION_MODE_TABS);

        /** Getting a reference to ViewPager from the layout */
        mPager = (ViewPager) findViewById(R.id.pager);

        /** Getting a reference to FragmentManager */
        FragmentManager fm = getSupportFragmentManager();

        /** Defining a listener for pageChange */
        ViewPager.SimpleOnPageChangeListener pageChangeListener = new ViewPager.SimpleOnPageChangeListener(){
            @Override
            public void onPageSelected(int position) {
                super.onPageSelected(position);
                mActionbar.setSelectedNavigationItem(position);
            }
        };

        /** Setting the pageChange listener to the viewPager */
        mPager.setOnPageChangeListener(pageChangeListener);

        /** Creating an instance of FragmentPagerAdapter */
        MyFragmentPagerAdapter fragmentPagerAdapter = new MyFragmentPagerAdapter(fm);

        /** Setting the FragmentPagerAdapter object to the viewPager object */
        mPager.setAdapter(fragmentPagerAdapter);

        mActionbar.setDisplayShowTitleEnabled(true);

        /** Defining tab listener */
        ActionBar.TabListener tabListener = new ActionBar.TabListener() {

            @Override
            public void onTabUnselected(Tab tab, FragmentTransaction ft) {
            }

            @Override
            public void onTabSelected(Tab tab, FragmentTransaction ft) {
                mPager.setCurrentItem(tab.getPosition());
            }

            @Override
            public void onTabReselected(Tab tab, FragmentTransaction ft) {
            }
        };

        /** Creating fragment1 Tab */
        Tab tab = mActionbar.newTab()
            .setText("Tab1")
            .setTabListener(tabListener);

        mActionbar.addTab(tab);

        /** Creating fragment2 Tab */
        tab = mActionbar.newTab()
            .setText("Tab2")
            .setTabListener(tabListener);

        mActionbar.addTab(tab);
    }
}

14. Update the configuration file AndroidManifest.xml

15. Screenshot of the application

Figure 6 : Screenshot of the application

16. Download Source Code

Swipable Navigation Tabs using ActionBarCompat library 574.95 KB

Download Full Source Code

How to hire me?

My other blogs
store4js.blogspot.com

Android SearchView Widget with ActionBarCompat library

George Mathew — Tue, 06 Aug 2013 08:44:45 +0000

In this article we will develop an Android application that demonstrates how to create a searchview widget in action bar using ActionBarCompat library.

This application facilitates users to search places using Google Places API. As user types in place name in searchview, places that matches the typed in characters will be listed as suggestions. On selecting an item from the suggestion, the corresponding place will be shown in the Google Maps Android API V2.

We need following for this application :

ActionBarCompat library : We know that, SearchView widget is only available since Android API Level 11 and its previous versions does not have the SearchView widget. In order for the backward compatibility, we can use ActionBarCompat library which is available with Android Support library revision 18.

Google Play Services Library : Since we are using Google Maps Android API V2 with this application, we need Google Play Service library for this application to work.

Configuration file for SearchView widget : This configuration file is used to configure the searchview widget. For this application, this file is available at res/xml/searchable.xml

Searchable Activity : An activity that handles the search requests from searchview widget. In this application, MainActivity acts as the searchable activity.

Content Provider : The searchview widget performs the search operation on the data provided by the content provider.

Loaders : Loaders are used to execute tasks in background ( non-ui thread ) . We are using two loaders in the MainActivity class. One loader is used in the method doSearch() which is invoked when user presses the “Go” button of the soft keyboard. The second loader is used in the method “getPlace()”, which is invoked when an item in the search suggestion list is selected.

Activity Style : The activity that implements the action bar should apply the style Theme.AppCompat or Theme.AppCompat.Light or Theme.AppCompat.DarkActionBar. This can be done in AndroidManifest.xml file.

This application is developed in Eclipse 4.2.0 with ADT plugin 22.0.5, Android Support library 18 and Google Play Service library 9.

Please jump to end of this article to see the screenshots of this application.

1. Create new Android application project namely “LocationActionBarCompatSearchViewV2″

Figure 1 : Create new Android application project

2. Configure the application

Figure 2 : Configure the application project

3. Design application launcher icon

Figure 3 : Design application launcher icon

4. Create a blank activity

Figure 4 : Create a blank activity

5. Enter MainActivity details

Figure 5 : Enter MainActivity Details

6. Setup ActionBarCompat library in Eclipse IDE

Please refer the article titled “Android – Setting up ActionBarCompat support library in Eclipse”

7. Download and configure Google Play Services Library in Eclipse

Please follow the given below link to setup Google Play Service library in Eclipse.

http://developer.android.com/google/play-services/setup.html

8. Link this project to ActionBarCompat library and Google Play Service llibrary

Figure 6 : Linking this application with Google Play Services library and Action Bar Compat library

9. Get the API key for Google Maps Android API V2

We need to get an API key from Google to use Google Maps in Android application.

Please follow the given below link to get the API key for Google Maps Android API v2.

https://developers.google.com/maps/documentation/android/start

10. Get the API key for Google Places API

We can create API key for Google Place API by clicking “Create new Browser key” available at the “API Access” pane of the Google console URL : http://code.google.com/apis/console.

Also ensure that, “Places API” is enabled in the “Services” pane of the Google console.

11. Update the file res/values/strings.xml





    SearchViewWithActionBarCompat
    Settings
    Hello world!
    Search
    Search Places
    Search Places

12. Update the layout file res/layout/activity_main.xml

13. Update the menu file res/menu/main.xml

14. Create the class file src/in/wptrafficanalyzer/locationactionbarcompatsearchviewv2/PlaceJSONParser.java

package in.wptrafficanalyzer.locationactionbarcompatsearchviewv2;

import java.util.ArrayList;
import java.util.HashMap;
import java.util.List;

import org.json.JSONArray;
import org.json.JSONException;
import org.json.JSONObject;

public class PlaceJSONParser {

    /** Receives a JSONObject and returns a list */
    public List> parse(JSONObject jObject){

        JSONArray jPlaces = null;
        try {
            /** Retrieves all the elements in the 'places' array */
            jPlaces = jObject.getJSONArray("predictions");
        } catch (JSONException e) {
            e.printStackTrace();
        }
        /** Invoking getPlaces with the array of json object
        * where each json object represent a place
        */
        return getPlaces(jPlaces);
    }

    private List> getPlaces(JSONArray jPlaces){
        int placesCount = jPlaces.length();
        List> placesList = new ArrayList>();
        HashMap place = null;

        /** Taking each place, parses and adds to list object */
        for(int i=0; i getPlace(JSONObject jPlace){

        HashMap place = new HashMap();

        String id="";
        String reference="";
        String description="";

        try {

            description = jPlace.getString("description");
            id = jPlace.getString("id");
            reference = jPlace.getString("reference");

            place.put("description", description);
            place.put("_id",id);
            place.put("reference",reference);

        } catch (JSONException e) {
            e.printStackTrace();
        }
        return place;
    }
}

15. Create the class file src/in/wptrafficanalyzer/locationactionbarcompatsearchviewv2/PlaceDetailsJSONParser.java

package in.wptrafficanalyzer.locationactionbarcompatsearchviewv2;

import java.util.ArrayList;
import java.util.HashMap;
import java.util.List;

import org.json.JSONException;
import org.json.JSONObject;

public class PlaceDetailsJSONParser {

    /** Receives a JSONObject and returns a list */
    public List> parse(JSONObject jObject){

        Double lat = Double.valueOf(0);
        Double lng = Double.valueOf(0);
        String formattedAddress = "";

        HashMap hm = new HashMap();
        List> list = new ArrayList>();

        try {
            lat = (Double)jObject.getJSONObject("result").getJSONObject("geometry").getJSONObject("location").get("lat");
            lng = (Double)jObject.getJSONObject("result").getJSONObject("geometry").getJSONObject("location").get("lng");
            formattedAddress = (String) jObject.getJSONObject("result").get("formatted_address");

        } catch (JSONException e) {
            e.printStackTrace();
        }catch(Exception e){
            e.printStackTrace();
        }

        hm.put("lat", Double.toString(lat));
        hm.put("lng", Double.toString(lng));
        hm.put("formatted_address",formattedAddress);

        list.add(hm);

        return list;
    }
}

16. Create the file src/in/wptrafficanalyzer/locationactionbarcompatsearchviewv2/PlaceProvider.java

package in.wptrafficanalyzer.locationactionbarcompatsearchviewv2;

import java.io.BufferedReader;
import java.io.IOException;
import java.io.InputStream;
import java.io.InputStreamReader;
import java.io.UnsupportedEncodingException;
import java.net.HttpURLConnection;
import java.net.URL;
import java.net.URLEncoder;
import java.util.HashMap;
import java.util.List;

import org.json.JSONException;
import org.json.JSONObject;

import android.app.SearchManager;
import android.content.ContentProvider;
import android.content.ContentValues;
import android.content.UriMatcher;
import android.database.Cursor;
import android.database.MatrixCursor;
import android.net.Uri;
import android.util.Log;

public class PlaceProvider extends ContentProvider {

    public static final String AUTHORITY = "in.wptrafficanalyzer.locationsherlocksearchviewmapv2.PlaceProvider";

    public static final Uri SEARCH_URI = Uri.parse("content://"+AUTHORITY+"/search");

    public static final Uri DETAILS_URI = Uri.parse("content://"+AUTHORITY+"/details");

    private static final int SEARCH = 1;
    private static final int SUGGESTIONS = 2;
    private static final int DETAILS = 3;

    // Obtain browser key from https://code.google.com/apis/console
    String mKey = "key=YOUR_BROWSER_KEY";

    // Defines a set of uris allowed with this content provider
    private static final UriMatcher mUriMatcher = buildUriMatcher();

    private static UriMatcher buildUriMatcher() {

        UriMatcher uriMatcher = new UriMatcher(UriMatcher.NO_MATCH);

        // URI for "Go" button
        uriMatcher.addURI(AUTHORITY, "search", SEARCH );

        // URI for suggestions in Search Dialog
        uriMatcher.addURI(AUTHORITY, SearchManager.SUGGEST_URI_PATH_QUERY,SUGGESTIONS);

        // URI for Details
        uriMatcher.addURI(AUTHORITY, "details",DETAILS);

        return uriMatcher;
    }

    @Override
    public Cursor query(Uri uri, String[] projection, String selection,
        String[] selectionArgs, String sortOrder) {
        Cursor c = null;

        PlaceJSONParser parser = new PlaceJSONParser();
        PlaceDetailsJSONParser detailsParser = new PlaceDetailsJSONParser();

        String jsonString = "";
        String jsonPlaceDetails = "";

        List> list = null;
        List> detailsList = null;

        MatrixCursor mCursor = null;

        switch(mUriMatcher.match(uri)){
        case SEARCH:
            // Defining a cursor object with columns description, lat and lng
            mCursor = new MatrixCursor(new String[] { "description","lat","lng" });

            // Create a parser object to parse places in JSON format
            parser = new PlaceJSONParser();

            // Create a parser object to parse place details in JSON format
            detailsParser = new PlaceDetailsJSONParser();

            // Get Places from Google Places API
            jsonString = getPlaces(selectionArgs);
            try {
                // Parse the places ( JSON => List )
                list = parser.parse(new JSONObject(jsonString));

                // Finding latitude and longitude for each places using Google Places Details API
                for(int i=0;i hMap = (HashMap) list.get(i);

                    detailsParser =new PlaceDetailsJSONParser();

                    // Get Place details
                    jsonPlaceDetails = getPlaceDetails(hMap.get("reference"));

                    // Parse the details ( JSON => List )
                    detailsList = detailsParser.parse(new JSONObject(jsonPlaceDetails));

                    // Creating cursor object with places
                    for(int j=0;j hMapDetails = detailsList.get(j);

                        // Adding place details to cursor
                        mCursor.addRow(new String[]{ hMap.get("description") , hMapDetails.get("lat") , hMapDetails.get("lng") });
                    }

                }
            } catch (JSONException e) {
                // TODO Auto-generated catch block
                e.printStackTrace();
            }
            c = mCursor;
            break;

        case SUGGESTIONS :

            // Defining a cursor object with columns id, SUGGEST_COLUMN_TEXT_1, SUGGEST_COLUMN_INTENT_EXTRA_DATA
            mCursor = new MatrixCursor(new String[] { "_id", SearchManager.SUGGEST_COLUMN_TEXT_1, SearchManager.SUGGEST_COLUMN_INTENT_EXTRA_DATA } );

            // Creating a parser object to parse places in JSON format
            parser = new PlaceJSONParser();

            // Get Places from Google Places API
            jsonString = getPlaces(selectionArgs);

            try {
                // Parse the places ( JSON => List )
                list = parser.parse(new JSONObject(jsonString));

                // Creating cursor object with places
                for(int i=0;i hMap = (HashMap) list.get(i);

                    // Adding place details to cursor
                    mCursor.addRow(new String[] { Integer.toString(i), hMap.get("description"), hMap.get("reference") });
                }
            } catch (JSONException e) {
                // TODO Auto-generated catch block
                e.printStackTrace();
            }
            c = mCursor;
            break;

        case DETAILS :
            // Defining a cursor object with columns description, lat and lng
            mCursor = new MatrixCursor(new String[] { "description","lat","lng" });

            detailsParser = new PlaceDetailsJSONParser();
            jsonPlaceDetails = getPlaceDetails(selectionArgs[0]);
            try {
                detailsList = detailsParser.parse(new JSONObject(jsonPlaceDetails));
            } catch (JSONException e) {
                // TODO Auto-generated catch block
                e.printStackTrace();
            }

            for(int j=0;j hMapDetails = detailsList.get(j);
                mCursor.addRow(new String[]{ hMapDetails.get("formatted_address") , hMapDetails.get("lat") , hMapDetails.get("lng") });
            }
            c = mCursor;
            break;
        }
        return c;
    }

    @Override
    public int delete(Uri uri, String selection, String[] selectionArgs) {
        // TODO Auto-generated method stub
        return 0;
    }

    @Override
    public String getType(Uri uri) {
        // TODO Auto-generated method stub
        return null;
    }

    @Override
    public Uri insert(Uri uri, ContentValues values) {
        // TODO Auto-generated method stub
        return null;
    }

    @Override
    public boolean onCreate() {
        // TODO Auto-generated method stub
        return false;
    }

    @Override
    public int update(Uri uri, ContentValues values, String selection,
        String[] selectionArgs) {
        // TODO Auto-generated method stub
        return 0;
    }

    /** A method to download json data from url */
    private String downloadUrl(String strUrl) throws IOException{
        String data = "";
        InputStream iStream = null;
        HttpURLConnection urlConnection = null;
        try{
            URL url = new URL(strUrl);

            // Creating an http connection to communicate with url
            urlConnection = (HttpURLConnection) url.openConnection();

            // Connecting to url
            urlConnection.connect();

            // Reading data from url
            iStream = urlConnection.getInputStream();

            BufferedReader br = new BufferedReader(new InputStreamReader(iStream));

            StringBuffer sb = new StringBuffer();

            String line = "";
            while( ( line = br.readLine()) != null){
                sb.append(line);
            }

            data = sb.toString();

            br.close();

        }catch(Exception e){
           Log.d("Exception while downloading url", e.toString());
        }finally{
            iStream.close();
            urlConnection.disconnect();
        }
        return data;
    }

    private String getPlaceDetailsUrl(String ref){

        // reference of place
        String reference = "reference="+ref;

        // Sensor enabled
        String sensor = "sensor=false";

        // Building the parameters to the web service
        String parameters = reference+"&"+sensor+"&"+mKey;

        // Output format
        String output = "json";

        // Building the url to the web service
        String url = "https://maps.googleapis.com/maps/api/place/details/"+output+"?"+parameters;

        return url;
    }

    private String getPlacesUrl(String qry){

        try {
            qry = "input=" + URLEncoder.encode(qry, "utf-8");
        } catch (UnsupportedEncodingException e1) {
            e1.printStackTrace();
        }

        // Sensor enabled
        String sensor = "sensor=false";

        // place type to be searched
        String types = "types=geocode";

        // Building the parameters to the web service
        String parameters = qry+"&"+types+"&"+sensor+"&"+mKey;

        // Output format
        String output = "json";
        // Building the url to the web service
        String url = "https://maps.googleapis.com/maps/api/place/autocomplete/"+output+"?"+parameters;
        return url;
    }

    private String getPlaces(String[] params){
        // For storing data from web service
        String data = "";
        String url = getPlacesUrl(params[0]);
        try{
            // Fetching the data from web service in background
            data = downloadUrl(url);
        }catch(Exception e){
            Log.d("Background Task",e.toString());
        }
        return data;
    }

    private String getPlaceDetails(String reference){
        String data = "";
        String url = getPlaceDetailsUrl(reference);
        try {
            data = downloadUrl(url);
        } catch (IOException e) {
            e.printStackTrace();
        }
        return data;
    }
}

Note : Update “YOUR_BROWSER_KEY on line 39 with the browser key obtained in Step 10.

17. Update the class MainActivity in the file src/in/wptrafficanalyzer/locationactionbarcompatsearchviewv2/MainActivity.java


package in.wptrafficanalyzer.locationactionbarcompatsearchviewv2;

import android.app.SearchManager;
import android.content.Context;
import android.content.Intent;
import android.database.Cursor;
import android.os.Bundle;
import android.support.v4.app.LoaderManager.LoaderCallbacks;
import android.support.v4.content.CursorLoader;
import android.support.v4.view.MenuItemCompat;
import android.support.v7.app.ActionBarActivity;
import android.support.v7.widget.SearchView;
import android.util.Log;
import android.view.Menu;
import android.view.MenuItem;

import com.google.android.gms.maps.CameraUpdate;
import com.google.android.gms.maps.CameraUpdateFactory;
import com.google.android.gms.maps.GoogleMap;
import com.google.android.gms.maps.SupportMapFragment;
import com.google.android.gms.maps.model.LatLng;
import com.google.android.gms.maps.model.MarkerOptions;

public class MainActivity extends ActionBarActivity implements LoaderCallbacks{

    GoogleMap mGoogleMap;

    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_main);

        SupportMapFragment fragment = (SupportMapFragment) getSupportFragmentManager().findFragmentById(R.id.map);

        mGoogleMap = fragment.getMap();

        handleIntent(getIntent());
    }

    private void handleIntent(Intent intent){
        if(intent.getAction().equals(Intent.ACTION_SEARCH)){
            doSearch(intent.getStringExtra(SearchManager.QUERY));
        }else if(intent.getAction().equals(Intent.ACTION_VIEW)){
            getPlace(intent.getStringExtra(SearchManager.EXTRA_DATA_KEY));
        }
    }

    @Override
    protected void onNewIntent(Intent intent) {
        super.onNewIntent(intent);
        setIntent(intent);
        handleIntent(intent);
    }

    private void doSearch(String query){
        Bundle data = new Bundle();
        data.putString("query", query);
        getSupportLoaderManager().restartLoader(0, data, this);
    }

    private void getPlace(String query){
        Bundle data = new Bundle();
        data.putString("query", query);
        getSupportLoaderManager().restartLoader(1, data, this);
    }
    @Override
    public boolean onCreateOptionsMenu(Menu menu) {
        // Inflate the menu; this adds items to the action bar if it is present.
        getMenuInflater().inflate(R.menu.main, menu);

        // Get the SearchView and set the searchable configuration
        SearchManager searchManager = (SearchManager) getSystemService(Context.SEARCH_SERVICE);

        MenuItem searchItem = menu.findItem(R.id.action_search);

        SearchView searchView = (SearchView) MenuItemCompat.getActionView(searchItem);

        // searchView.setSearchableInfo(searchManager.getSearchableInfo(getComponentName()));

        // Assumes current activity is the searchable activity
        searchView.setSearchableInfo(searchManager.getSearchableInfo(getComponentName()));
        // searchView.setIconifiedByDefault(false); // Do not iconify the widget; expand it by default

        return super.onCreateOptionsMenu(menu);
    }
    @Override
    public android.support.v4.content.Loader onCreateLoader(int arg0,
        Bundle query) {
        CursorLoader cLoader = null;

        if(arg0==0)
            cLoader = new CursorLoader(getBaseContext(), PlaceProvider.SEARCH_URI, null, null, new String[]{ query.getString("query") }, null);
        else if(arg0==1)
            cLoader = new CursorLoader(getBaseContext(), PlaceProvider.DETAILS_URI, null, null, new String[]{ query.getString("query") }, null);
        return cLoader;
    }
    @Override
    public void onLoadFinished(android.support.v4.content.Loader arg0,
        Cursor c) {

        showLocations(c);
    }

    @Override
    public void onLoaderReset(android.support.v4.content.Loader arg0) {
        // TODO Auto-generated method stub
    }

    private void showLocations(Cursor c){
        MarkerOptions markerOptions = null;
        LatLng position = null;
        mGoogleMap.clear();
        while(c.moveToNext()){
            markerOptions = new MarkerOptions();
            position = new LatLng(Double.parseDouble(c.getString(1)),Double.parseDouble(c.getString(2)));
            markerOptions.position(position);
            markerOptions.title(c.getString(0));
            mGoogleMap.addMarker(markerOptions);
        }
        if(position!=null){
            CameraUpdate cameraPosition = CameraUpdateFactory.newLatLng(position);
            mGoogleMap.animateCamera(cameraPosition);
        }
    }
}

18. Update the configuration file /res/xml/searchable.xml

19. Update the file AndroidManifest.xml

Note : Update “YOUR_ANDROID_API_KEY on line 76 with the Android API key obtained in Step 9.

20. Screenshots of the application

Figure 7 : Searching places in SearchView Widget

Figure 8 : Showing selected place in Google Maps

21. Download Source code

Android SearchView Widget with ActionBarCompat library 601.99 KB

Download Source Code

How to hire me?

My other blogs
store4js.blogspot.com

Android using custom ttf fonts in WebView

George Mathew — Tue, 30 Jul 2013 00:54:46 +0000

In this article, we will see how to use custom fonts in WebView of Android application.The same strategy can be used to display local language contents in WebView.

This application renders the text in a WebView using Chancery font.

This application is developed in Eclipse 4.2.0 with ADT plugin 22.0.4.

1. Create an Android application with the given below details

Application Name : WebViewCustomFont

Project Name : WebViewCustomFont

Package Name : in.wptrafficanalyzer.webviewcustomfont

Minimum Required SDK : API 8 : Android 2.2 ( Froyo )

Target SDK : API 17 : Android 4.2 ( Jelly Bean )

2. Create a directory “fonts” under “assets” directory

3. Download “Chancery” font and copy to the assets/fonts directory

We can download a “Chancery” font from here

4. Update the layout file res/layout/activity_main.xml

5. Create an html file assets/demo.html



    
        
            
    
    
        
            Welcome to CustomFont Demo

6. Update the MainActivity class in the file src/in/wptrafficanalyzer/webviewcustomfont/MainActivity.java


package in.wptrafficanalyzer.webviewcustomfont;

import android.app.Activity;
import android.os.Bundle;
import android.view.Menu;
import android.webkit.WebView;

public class MainActivity extends Activity {

    WebView mWebView;

    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_main);

        // Getting reference to WebView of the activity_main layout
        mWebView = (WebView) findViewById(R.id.webview);

        // Loading an html page into webview
        mWebView.loadUrl("file:///android_asset/demo.html");
    }

    @Override
    public boolean onCreateOptionsMenu(Menu menu) {
        // Inflate the menu; this adds items to the action bar if it is present.
        getMenuInflater().inflate(R.menu.main, menu);
        return true;
    }
}

7. Running the application

Figure 1 : WebView CustomFont Demo in Action

8. Download Source Code

Android using custom ttf font in WebView 540.18 KB

Download Full Source Code

How to hire me?

My other blogs
store4js.blogspot.com

Action bar menus and SplitActionBar using ActionBarCompat library in Android

George Mathew — Thu, 25 Jul 2013 14:22:41 +0000

In the article titled “Adding Action items and Overflow menu items to Action Bar in Android“, we have seen how to add action items and split action bar items to action bar in Android.

Since action bar is introduced in Android 3.0 ( API Level 11 ) , we can not run that application in Android versions prior to Honeycomb.

In order to overcome this limitation, we can make use ActionBarCompat library available with Android support library revision 18. Using ActionBarCompat library we can implement action bars back upto Android API Level 7.

In this article, we will develop an Android application that contain action items and split action bar.

This application is developed in Eclipse 4.2.0 with ADT plugin 22.0.4.

1. Create new Android application

Application Name : ActionBarCompatMenu

Project Name : ActionBarCompatMenu

Package Name : in.wptrafficanalyzer.actionbarcompatmenu

Minimum Required SDK : API 8 : Android 2.2 ( Froyo )

Target SDK : API 17 : Android 4.2 ( Jelly Bean )

2. Setup ActionBarCompat library in Eclipse

Please refer the article titled “Android – Setting up ActionBarCompat support library in Eclipse”

3. Add reference to ActionBarCompat support library

Figure 1 : Link ActionBarCompat library to this project

4. Add menu icons to this project

From the given below links, download the files drawable-mdpi.zip, drawable-hdpi.zip and drawable-xhdpi.zip and extract to the folders drawable-mdpi, drawable-hdpi and drawable-xhdpi respectively

Adding Menus to Action Bar 6.49 KB

Download drawable-mdpi.zip

Adding Menus to Action Bar - drawable_hdpi.zip 7.44 KB

Download drawable-hdpi.zip

Adding Menus to Action Bar - drawable_xhdpi.zip 8.39 KB

Download drawable-xhdpi.zip

5. Update the file res/values/strings.xml




    ActionBarCompatMenu
    Settings
    Hello world!

    Phone
    Computer
    Gamepad
    Camera
    Video
    EMail

6. Update the menu file res/menu/main.xml

Note : Please see the namespace prefix “myapp” in the given below code

7. Update the file res/layout/activity_main.xml

8. Update the class MainActivity in the file src/in/wptrafficanalyzer/actionbarcompatmenu/MainActivity.java

package in.wptrafficanalyzer.actionbarcompatmenu;

import android.os.Bundle;
import android.support.v7.app.ActionBarActivity;
import android.view.Menu;
import android.view.MenuItem;
import android.widget.Toast;

public class MainActivity extends ActionBarActivity {

    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_main);
    }

    @Override
    public boolean onCreateOptionsMenu(Menu menu) {
        // Inflate the menu; this adds items to the action bar if it is present.
        getMenuInflater().inflate(R.menu.main, menu);
        return true;
    }

    @Override
    public boolean onOptionsItemSelected(MenuItem item) {

        super.onOptionsItemSelected(item);

        switch(item.getItemId()){
            case R.id.phone:
                Toast.makeText(getBaseContext(), "You selected Phone", Toast.LENGTH_SHORT).show();
                break;

            case R.id.computer:
                Toast.makeText(getBaseContext(), "You selected Computer", Toast.LENGTH_SHORT).show();
                break;

            case R.id.gamepad:
                Toast.makeText(getBaseContext(), "You selected Gamepad", Toast.LENGTH_SHORT).show();
                break;

            case R.id.camera:
                Toast.makeText(getBaseContext(), "You selected Camera", Toast.LENGTH_SHORT).show();
                break;

            case R.id.video:
                Toast.makeText(getBaseContext(), "You selected Video", Toast.LENGTH_SHORT).show();
                break;

            case R.id.email:
                Toast.makeText(getBaseContext(), "You selected EMail", Toast.LENGTH_SHORT).show();
                break;
            }
        return true;
    }
}

9. Update the file AndroidManifest.xml

10. Screenshot of the application in execution

Figure 2 : Showing Menus in ActionBar using ActionBarCompat library

11. Showing split action bar in Pre Android API Level 11 versions

If there is not enough room for action menus to align in action bar, then we can move the action menus to the bottom of the screen.

This is achieved by specifing uiOptions attribute for the activity in AndroidManifest.xml.

Please see the highlighted text, that splits the actionbar in the given below code.

The attribute “uiOptions” specified in the line 19 is understood only by API Level 14 or higher.

The meta-data element specified in the lines 24 and 25 is used for older versions.

12. Screenshot of the application with Split Action Bar

Figure 3 : Showing Split Action Bar using ActionBarCompat support library

13. Download Full Source Code

Action bar menus and SplitActionBar using ActionBarCompat library in Android 589.85 KB

Download Full Source Code

How to hire me?

My other blogs
store4js.blogspot.com

Implementing Action Bar using ActionBarCompat support library in Android

George Mathew — Thu, 25 Jul 2013 07:22:29 +0000

We know that, action bar is implemented in Android 3.0 ( Honeycomb or API Level 11) on wards.

But we can implement action bar in pre Honycomb versions upto API Level 7 using ActionBarCompat library available with Android support library revision 18.

In this article, we will see how to implement action bar in pre honeycomb versions using ActionBarCompat support library.

This application is developed in Eclipse 4.2.0 with ADT plugin 22.0.4

1. Create new Android application project

Application Name : ActionBarCompatDemo

Project Name : ActionBarCompatDemo

Package Name : in.wptrafficanalyzer.actionbarcompatdemo

Minimum Required SDK : API 8 : Android 2.2 ( Froyo )

Target SDK : API 17 : Android 4.2 ( Jelly Bean )

2. Setup ActionBarCompat library in Eclipse

Please refer the article titled “Android – Setting up ActionBarCompat support library in Eclipse”

3. Add reference to ActionBarCompat library

Figure 1 : Add reference to ActionBarCompat support library

4. Update the file AndroidManifest.xml

Note : As shown in the highlighted line 15, the activity that implements the action bar should apply the style Theme.AppCompat or Theme.AppCompat.Light or Theme.AppCompat.DarkActionBar

5. Update the class MainActivity in the file src/in/wptrafficanalyzer/actionbarcompatdemo/MainActivity.java

Note : As shown in the highlighted line7, the activity should extend the class ActionBarActivity.


package in.wptrafficanalyzer.actionbarcompatdemo;

import android.os.Bundle;
import android.view.Menu;

import android.support.v7.app.ActionBarActivity;
public class MainActivity extends ActionBarActivity{

    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_main);
    }

    @Override
    public boolean onCreateOptionsMenu(Menu menu) {
        // Inflate the menu; this adds items to the action bar if it is present.
        getMenuInflater().inflate(R.menu.main, menu);
        return true;
    }
}

6. Screenshot of the application

Figure 2 : Android application with ActionBar is shown

7. Download Source code

Implementing Action Bar using ActionBarCompat support library in Android 564.88 KB

Download Full Source Code

How to hire me?

My other blogs
store4js.blogspot.com

Android – Setting up ActionBarCompat support library in Eclipse

George Mathew — Thu, 25 Jul 2013 06:00:06 +0000

This week, a new version of Android support library ( Revision 18 ) is released with a new library called appcompat under the package android.support.v7. This new library is available at /extras/android/support/v7/appcompat .

The new library facilitates users to implement action bar back up to Android 2.1 ( API Level 7 ) .

This article, demonstrates how to setup the new ActionBarCompat support library in Eclipse.

In this article, we are using Eclipse 4.2.0 with ADT plugin 22.0.1.

1. Ensure to have the latest version of Android Support Library

Figure 1 : Ensure, Android Support Library Revision 18 or above is installed

2. Create new Android Project from existing code

Figure 2 : Create new Android project from existing code

3. Browse the directory appcompat from /extras/android/support/v7 and click finish

Figure 3 : Browse the directory containing the library appcompat

4. Now, a new project is created as “android-support-v7-appcompat”

5. Setup JavaBuild Path

Right click the project “android-support-v7-appcompat” and click “Properties”
Select “Java Build Path”
Open the tab “Order and Export”
Tick “Android Private Libraries” and click OK

Figure 4 : Tick Android Private Libraries

6. Clean and Build the project

Figure 5 : Clean and Build the project "android-support-v7-appcompat"

7. Ready to use

Now the ActionBarCompat library is ready to use for implementing action bar in Android applications.

8. What is next?

Now we need to test the working of this library. For this please follow the article titled “Implementing Action Bar using ActionBarCompat support library in Android”

How to hire me?

My other blogs
store4js.blogspot.com

Android SearchView widget with Google Places API using ActionBarSherlock library

George Mathew — Thu, 18 Jul 2013 00:08:56 +0000

In this article, we will develop an Android application that can search Google Places API using SearchView widget and show the results in Google Maps Android API V2. In this application the searchview widget is placed in action bar.

We know that, the SearchView widget is available only since Android API level 11. So will use ActionBarSherlock library for the backward compatibility.

Major files used in this application are listed below :

MainActivity.java : The search action is placed in the action bar of the MainActivity.

searchable.xml : This is the configuration file for search dialog which defines content provider and suggestion properties.

PlaceProvider.java : The content provider for fetching places from Google places autocomplete API.

PlaceJSONParser.java : Parses the result of Google Places Autocomplete API.

PlaceDetailsJSONParser.java : Parses the result of Google Places Details API.

This application is developed in Eclipse (4.2.1) with ADT plugin (22.0.1) and Android SDK (22.0.1) and tested in real devices with Android versions 2.3.6 ( GingerBread ) and 4.1.2 ( Jelly Bean ).

An alternative to this application is available in “Adding Google Places Autocomplete API as custom suggestions in Android Search Dialog“, where we have used SearchDialog window for searching places.

1. Create new Android application project

Application Name : LocationSherlockSearchViewMapV2

Project Name : LocationSherlockSearchViewMapV2

Package Name : in.wptrafficanalyzer.locationsherlocksearchviewmapv2

Minimum Required SDK : API 8 : Android 2.2 ( Froyo )

Target SDK : API 17 : Android 4.2 ( Jelly Bean )

2. Delete Android Support library from this project

In this application, we are using ActionBarSherlock library for the backward compatibility support of Android versions. Since ActionBarSherlock library already contains the Android Support library, we have to delete the Android Support Library (android-support-v4.jar) from this project, if it is added automatically by Eclipse IDE.

We can delete the library file at libs/android-support-v4.jar .

3. Setup ActionBarSherlock library in Eclipse

In order to setup ActionBarSherlock library, please refer the article titled “Setting up Action Bar Sherlock Library 4.3.1 for Eclipse IDE”

4. Clean and Build ActionBarSherlock library project in Eclipse

Figure 1 : Clean and Build ActionBarSherlock library project

5. Link this project to ActionBarSherlock library

Figure 2 : Link this project to ActionBarSherlock library

6. Download and configure Google Play Services Library in Eclipse

Please follow the given below link to setup Google Play Service library in Eclipse.

http://developer.android.com/google/play-services/setup.html

7. Link this project to Google Play Service library

Figure 3 : Link this project to Google Play Service Library

8. Get the API key for Google Maps Android API V2

We need to get an API key from Google to use Google Maps in Android application.

Please follow the given below link to get the API key for Google Maps Android API v2.

https://developers.google.com/maps/documentation/android/start

9. Get the API key for Google Places API

We can create API key for Google Place API by clicking “Create new Browser key” available at the “API Access” pane of the Google console URL : http://code.google.com/apis/console.

Also ensure that, “Places API” is enabled in the “Services” pane of the Google console.

10. Update the file res/values/strings.xml





    SearchView Demo
    Settings
    Hello world!
    Search
    Search Places
    Search Places

11. Update the layout file res/layout/activity_main.xml

12. Update the menu file res/menu/main.xml

13. Create the class file src/in/wptrafficanalyzer/locationsherlocksearchviewmapv2/PlaceJSONParser.java

package in.wptrafficanalyzer.locationsherlocksearchviewmapv2;

import java.util.ArrayList;
import java.util.HashMap;
import java.util.List;

import org.json.JSONArray;
import org.json.JSONException;
import org.json.JSONObject;

public class PlaceJSONParser {

    /** Receives a JSONObject and returns a list */
    public List> parse(JSONObject jObject){

        JSONArray jPlaces = null;
        try {
            /** Retrieves all the elements in the 'places' array */
            jPlaces = jObject.getJSONArray("predictions");
        } catch (JSONException e) {
            e.printStackTrace();
        }
        /** Invoking getPlaces with the array of json object
        * where each json object represent a place
        */
        return getPlaces(jPlaces);
    }

    private List> getPlaces(JSONArray jPlaces){
        int placesCount = jPlaces.length();
        List> placesList = new ArrayList>();
        HashMap place = null;

        /** Taking each place, parses and adds to list object */
        for(int i=0; i getPlace(JSONObject jPlace){

        HashMap place = new HashMap();

        String id="";
        String reference="";
        String description="";

        try {

            description = jPlace.getString("description");
            id = jPlace.getString("id");
            reference = jPlace.getString("reference");

            place.put("description", description);
            place.put("_id",id);
            place.put("reference",reference);

        } catch (JSONException e) {
            e.printStackTrace();
        }
        return place;
    }
}

14. Create the class file src/in/wptrafficanalyzer/locationsherlocksearchviewmapv2/PlaceDetailsJSONParser.java

package in.wptrafficanalyzer.locationsherlocksearchviewmapv2;

import java.util.ArrayList;
import java.util.HashMap;
import java.util.List;

import org.json.JSONException;
import org.json.JSONObject;

public class PlaceDetailsJSONParser {

    /** Receives a JSONObject and returns a list */
    public List> parse(JSONObject jObject){

        Double lat = Double.valueOf(0);
        Double lng = Double.valueOf(0);
        String formattedAddress = "";

        HashMap hm = new HashMap();
        List> list = new ArrayList>();

        try {
            lat = (Double)jObject.getJSONObject("result").getJSONObject("geometry").getJSONObject("location").get("lat");
            lng = (Double)jObject.getJSONObject("result").getJSONObject("geometry").getJSONObject("location").get("lng");
            formattedAddress = (String) jObject.getJSONObject("result").get("formatted_address");

        } catch (JSONException e) {
            e.printStackTrace();
        }catch(Exception e){
            e.printStackTrace();
        }

        hm.put("lat", Double.toString(lat));
        hm.put("lng", Double.toString(lng));
        hm.put("formatted_address",formattedAddress);

        list.add(hm);

        return list;
    }
}

15. Create the file src/in/wptrafficanalyzer/locationsherlocksearchviewmapv2/PlaceProvider.java

package in.wptrafficanalyzer.locationsherlocksearchviewmapv2;

import java.io.BufferedReader;
import java.io.IOException;
import java.io.InputStream;
import java.io.InputStreamReader;
import java.io.UnsupportedEncodingException;
import java.net.HttpURLConnection;
import java.net.URL;
import java.net.URLEncoder;
import java.util.HashMap;
import java.util.List;

import org.json.JSONException;
import org.json.JSONObject;

import android.app.SearchManager;
import android.content.ContentProvider;
import android.content.ContentValues;
import android.content.UriMatcher;
import android.database.Cursor;
import android.database.MatrixCursor;
import android.net.Uri;
import android.util.Log;

public class PlaceProvider extends ContentProvider {

    public static final String AUTHORITY = "in.wptrafficanalyzer.locationsherlocksearchviewmapv2.PlaceProvider";

    public static final Uri SEARCH_URI = Uri.parse("content://"+AUTHORITY+"/search");

    public static final Uri DETAILS_URI = Uri.parse("content://"+AUTHORITY+"/details");

    private static final int SEARCH = 1;
    private static final int SUGGESTIONS = 2;
    private static final int DETAILS = 3;

    // Obtain browser key from https://code.google.com/apis/console
    String mKey = "key=YOUR_BROWSER_KEY";

    // Defines a set of uris allowed with this content provider
    private static final UriMatcher mUriMatcher = buildUriMatcher();

    private static UriMatcher buildUriMatcher() {

        UriMatcher uriMatcher = new UriMatcher(UriMatcher.NO_MATCH);

        // URI for "Go" button
        uriMatcher.addURI(AUTHORITY, "search", SEARCH );

        // URI for suggestions in Search Dialog
        uriMatcher.addURI(AUTHORITY, SearchManager.SUGGEST_URI_PATH_QUERY,SUGGESTIONS);

        // URI for Details
        uriMatcher.addURI(AUTHORITY, "details",DETAILS);

        return uriMatcher;
    }

    @Override
    public Cursor query(Uri uri, String[] projection, String selection,
        String[] selectionArgs, String sortOrder) {
        Cursor c = null;

        PlaceJSONParser parser = new PlaceJSONParser();
        PlaceDetailsJSONParser detailsParser = new PlaceDetailsJSONParser();

        String jsonString = "";
        String jsonPlaceDetails = "";

        List> list = null;
        List> detailsList = null;

        MatrixCursor mCursor = null;

        switch(mUriMatcher.match(uri)){
        case SEARCH:
            // Defining a cursor object with columns description, lat and lng
            mCursor = new MatrixCursor(new String[] { "description","lat","lng" });

            // Create a parser object to parse places in JSON format
            parser = new PlaceJSONParser();

            // Create a parser object to parse place details in JSON format
            detailsParser = new PlaceDetailsJSONParser();

            // Get Places from Google Places API
            jsonString = getPlaces(selectionArgs);
            try {
                // Parse the places ( JSON => List )
                list = parser.parse(new JSONObject(jsonString));

                // Finding latitude and longitude for each places using Google Places Details API
                for(int i=0;i hMap = (HashMap) list.get(i);

                    detailsParser =new PlaceDetailsJSONParser();

                    // Get Place details
                    jsonPlaceDetails = getPlaceDetails(hMap.get("reference"));

                    // Parse the details ( JSON => List )
                    detailsList = detailsParser.parse(new JSONObject(jsonPlaceDetails));

                    // Creating cursor object with places
                    for(int j=0;j hMapDetails = detailsList.get(j);

                        // Adding place details to cursor
                        mCursor.addRow(new String[]{ hMap.get("description") , hMapDetails.get("lat") , hMapDetails.get("lng") });
                    }

                }
            } catch (JSONException e) {
                // TODO Auto-generated catch block
                e.printStackTrace();
            }
            c = mCursor;
            break;

        case SUGGESTIONS :

            // Defining a cursor object with columns id, SUGGEST_COLUMN_TEXT_1, SUGGEST_COLUMN_INTENT_EXTRA_DATA
            mCursor = new MatrixCursor(new String[] { "_id", SearchManager.SUGGEST_COLUMN_TEXT_1, SearchManager.SUGGEST_COLUMN_INTENT_EXTRA_DATA } );

            // Creating a parser object to parse places in JSON format
            parser = new PlaceJSONParser();

            // Get Places from Google Places API
            jsonString = getPlaces(selectionArgs);

            try {
                // Parse the places ( JSON => List )
                list = parser.parse(new JSONObject(jsonString));

                // Creating cursor object with places
                for(int i=0;i hMap = (HashMap) list.get(i);

                    // Adding place details to cursor
                    mCursor.addRow(new String[] { Integer.toString(i), hMap.get("description"), hMap.get("reference") });
                }
            } catch (JSONException e) {
                // TODO Auto-generated catch block
                e.printStackTrace();
            }
            c = mCursor;
            break;

        case DETAILS :
            // Defining a cursor object with columns description, lat and lng
            mCursor = new MatrixCursor(new String[] { "description","lat","lng" });

            detailsParser = new PlaceDetailsJSONParser();
            jsonPlaceDetails = getPlaceDetails(selectionArgs[0]);
            try {
                detailsList = detailsParser.parse(new JSONObject(jsonPlaceDetails));
            } catch (JSONException e) {
                // TODO Auto-generated catch block
                e.printStackTrace();
            }

            for(int j=0;j hMapDetails = detailsList.get(j);
                mCursor.addRow(new String[]{ hMapDetails.get("formatted_address") , hMapDetails.get("lat") , hMapDetails.get("lng") });
            }
            c = mCursor;
            break;
        }
        return c;
    }

    @Override
    public int delete(Uri uri, String selection, String[] selectionArgs) {
        // TODO Auto-generated method stub
        return 0;
    }

    @Override
    public String getType(Uri uri) {
        // TODO Auto-generated method stub
        return null;
    }

    @Override
    public Uri insert(Uri uri, ContentValues values) {
        // TODO Auto-generated method stub
        return null;
    }

    @Override
    public boolean onCreate() {
        // TODO Auto-generated method stub
        return false;
    }

    @Override
    public int update(Uri uri, ContentValues values, String selection,
        String[] selectionArgs) {
        // TODO Auto-generated method stub
        return 0;
    }

    /** A method to download json data from url */
    private String downloadUrl(String strUrl) throws IOException{
        String data = "";
        InputStream iStream = null;
        HttpURLConnection urlConnection = null;
        try{
            URL url = new URL(strUrl);

            // Creating an http connection to communicate with url
            urlConnection = (HttpURLConnection) url.openConnection();

            // Connecting to url
            urlConnection.connect();

            // Reading data from url
            iStream = urlConnection.getInputStream();

            BufferedReader br = new BufferedReader(new InputStreamReader(iStream));

            StringBuffer sb = new StringBuffer();

            String line = "";
            while( ( line = br.readLine()) != null){
                sb.append(line);
            }

            data = sb.toString();

            br.close();

        }catch(Exception e){
           Log.d("Exception while downloading url", e.toString());
        }finally{
            iStream.close();
            urlConnection.disconnect();
        }
        return data;
    }

    private String getPlaceDetailsUrl(String ref){

        // reference of place
        String reference = "reference="+ref;

        // Sensor enabled
        String sensor = "sensor=false";

        // Building the parameters to the web service
        String parameters = reference+"&"+sensor+"&"+mKey;

        // Output format
        String output = "json";

        // Building the url to the web service
        String url = "https://maps.googleapis.com/maps/api/place/details/"+output+"?"+parameters;

        return url;
    }

    private String getPlacesUrl(String qry){

        try {
            qry = "input=" + URLEncoder.encode(qry, "utf-8");
        } catch (UnsupportedEncodingException e1) {
            e1.printStackTrace();
        }

        // Sensor enabled
        String sensor = "sensor=false";

        // place type to be searched
        String types = "types=geocode";

        // Building the parameters to the web service
        String parameters = qry+"&"+types+"&"+sensor+"&"+mKey;

        // Output format
        String output = "json";
        // Building the url to the web service
        String url = "https://maps.googleapis.com/maps/api/place/autocomplete/"+output+"?"+parameters;
        return url;
    }

    private String getPlaces(String[] params){
        // For storing data from web service
        String data = "";
        String url = getPlacesUrl(params[0]);
        try{
            // Fetching the data from web service in background
            data = downloadUrl(url);
        }catch(Exception e){
            Log.d("Background Task",e.toString());
        }
        return data;
    }

    private String getPlaceDetails(String reference){
        String data = "";
        String url = getPlaceDetailsUrl(reference);
        try {
            data = downloadUrl(url);
        } catch (IOException e) {
            e.printStackTrace();
        }
        return data;
    }
}

Note : Update “YOUR_BROWSER_KEY on line 39 with the browser key obtained in Step 9.

16. Update the class MainActivity in the file src/in/wptrafficanalyzer/locationsherlocksearchviewmapv2/MainActivity.java


package in.wptrafficanalyzer.locationsherlocksearchviewmapv2;

import android.app.SearchManager;
import android.content.Context;
import android.content.Intent;
import android.database.Cursor;
import android.os.Bundle;
import android.support.v4.app.LoaderManager.LoaderCallbacks;
import android.support.v4.content.CursorLoader;
import android.support.v4.content.Loader;

import com.actionbarsherlock.app.SherlockFragmentActivity;
import com.actionbarsherlock.view.Menu;
import com.actionbarsherlock.widget.SearchView;
import com.google.android.gms.maps.CameraUpdate;
import com.google.android.gms.maps.CameraUpdateFactory;
import com.google.android.gms.maps.GoogleMap;
import com.google.android.gms.maps.SupportMapFragment;
import com.google.android.gms.maps.model.LatLng;
import com.google.android.gms.maps.model.MarkerOptions;

public class MainActivity extends SherlockFragmentActivity implements LoaderCallbacks{

    GoogleMap mGoogleMap;

    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_main);

        SupportMapFragment fragment = (SupportMapFragment) getSupportFragmentManager().findFragmentById(R.id.map);
        mGoogleMap = fragment.getMap();

        handleIntent(getIntent());
    }

    private void handleIntent(Intent intent){
        if(intent.getAction().equals(Intent.ACTION_SEARCH)){
            doSearch(intent.getStringExtra(SearchManager.QUERY));
        }else if(intent.getAction().equals(Intent.ACTION_VIEW)){
            getPlace(intent.getStringExtra(SearchManager.EXTRA_DATA_KEY));
        }
    }

    @Override
    protected void onNewIntent(Intent intent) {
        super.onNewIntent(intent);
        setIntent(intent);
        handleIntent(intent);
    }

    private void doSearch(String query){
        Bundle data = new Bundle();
        data.putString("query", query);
        getSupportLoaderManager().restartLoader(0, data, this);
    }

    private void getPlace(String query){
        Bundle data = new Bundle();
        data.putString("query", query);
        getSupportLoaderManager().restartLoader(1, data, this);
    }

    @Override
    public boolean onCreateOptionsMenu(Menu menu) {
        // Inflate the menu; this adds items to the action bar if it is present.
        getSupportMenuInflater().inflate(R.menu.main, menu);

        // Get the SearchView and set the searchable configuration
        SearchManager searchManager = (SearchManager) getSystemService(Context.SEARCH_SERVICE);
        SearchView searchView = (SearchView) menu.findItem(R.id.action_search).getActionView();
        searchView.setSearchableInfo(searchManager.getSearchableInfo(getComponentName()));

        return true;
    }

    @Override
    public Loader onCreateLoader(int arg0, Bundle query) {
        CursorLoader cLoader = null;
        if(arg0==0)
            cLoader = new CursorLoader(getBaseContext(), PlaceProvider.SEARCH_URI, null, null, new String[]{ query.getString("query") }, null);
        else if(arg0==1)
            cLoader = new CursorLoader(getBaseContext(), PlaceProvider.DETAILS_URI, null, null, new String[]{ query.getString("query") }, null);
        return cLoader;

    }

    @Override
    public void onLoadFinished(Loader arg0, Cursor c) {
        showLocations(c);
    }

    @Override
    public void onLoaderReset(Loader arg0) {
        // TODO Auto-generated method stub
    }

    private void showLocations(Cursor c){
        MarkerOptions markerOptions = null;
        LatLng position = null;
        mGoogleMap.clear();
        while(c.moveToNext()){
            markerOptions = new MarkerOptions();
            position = new LatLng(Double.parseDouble(c.getString(1)),Double.parseDouble(c.getString(2)));
            markerOptions.position(position);
            markerOptions.title(c.getString(0));
            mGoogleMap.addMarker(markerOptions);
        }
        if(position!=null){
            CameraUpdate cameraPosition = CameraUpdateFactory.newLatLng(position);
            mGoogleMap.animateCamera(cameraPosition);
        }
    }
}

17. Update the configuration file /res/xml/searchable.xml

18. Update the file AndroidManifest.xml

Note : Update “YOUR_ANDROID_API_KEY on line 77 with the browser key obtained in Step 8.

19. Screenshots of the application

Figure 4 : MainActivity of the application

Figure 5 : Searching a place using SuggestView widget

Figure 6 : Showing result in Google Maps Android API V2

20. Download Source code

Android SearchView widget with Google Places API using ActionBarSherlock library 128.70 KB

Download Full Source Code

How to hire me?

My other blogs
store4js.blogspot.com