How To Implement Search Functionality In Gridview In Android

In my application I have search tab which display images with their name in grid view and now I want to implement search functionality. I have been searching in google for past two

Solution 1:

If you use ArrayAdapter as your gridview's adapter, you can override getFilter() method and return your own Filter, which is able to filter items according to entered text. See e.g. this link to learn how to work with Filter. Good luck. :-)

Solution 2:

Hi I just edit your code please replace and check it

SearchActivity.java

import java.util.ArrayList;
import java.util.Iterator;

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

import android.app.Activity;
import android.app.ProgressDialog;
import android.os.AsyncTask;
import android.os.Bundle;
import android.text.Editable;
import android.text.TextWatcher;
import android.view.View;
import android.widget.AdapterView;
import android.widget.AdapterView.OnItemClickListener;
import android.widget.Button;
import android.widget.EditText;
import android.widget.GridView;
import android.widget.ImageButton;

publicclassSearchActivityextendsActivity {

    JSONArray results;

    JSONObject jobj;

    SearchCustomAdapter adapter1;

    ImageButton ib;

    ArrayList<String> a1, a2, a3, a4;

    ArrayList<String> name = newArrayList<String>();

    ArrayList<String> description = newArrayList<String>();

    ArrayList<String> image = newArrayList<String>();

    ArrayList<String> price = newArrayList<String>();

    Button add;

    String pid;

    GridView gView;

    EditText src;

    inttextlength=0;

    ArrayList<String> p_name = newArrayList<String>();
    ArrayList<String> p_image = newArrayList<String>();

    @OverrideprotectedvoidonCreate(Bundle savedInstanceState) {

        // TODO Auto-generated method stubsuper.onCreate(savedInstanceState);

        setContentView(R.layout.search_activity);

        a1 = newArrayList<String>();

        a2 = newArrayList<String>();

        a3 = newArrayList<String>();

        a4 = newArrayList<String>();

        src = (EditText) findViewById(R.id.srcetxt);

        src.addTextChangedListener(newTextWatcher() {

            @OverridepublicvoidonTextChanged(CharSequence cs, int arg1, int arg2, int arg3) {

            }

            @OverridepublicvoidbeforeTextChanged(CharSequence arg0, int arg1, int arg2, int arg3) {

            }

            @OverridepublicvoidafterTextChanged(Editable arg0) {
                if (src.getText().toString().trim().length() > 0) {
                    applySearch(src.getText().toString().trim());
                } else {
                    adapter1.setC_pname(name);
                    adapter1.setC_pdescription(description);
                    adapter1.setC_pimage(image);
                    adapter1.setC_pprice(price);
                    adapter1.notifyDataSetChanged();
                }
            }
        });

        newSearchtask().execute();

        gView = (GridView) findViewById(R.id.gridView1);

        gView.setOnItemClickListener(newOnItemClickListener() {

            @OverridepublicvoidonItemClick(AdapterView<?> arg0, View arg1, int position, long arg3) {
                // TODO Auto-generated method stub
                System.out.println("outside on click" + position);

            }
        });

        ib = (ImageButton) findViewById(R.id.imageButton1);

    }

    privateclassSearchtaskextendsAsyncTask<String, String, JSONObject> {
        private ProgressDialog pDialog;

        @OverrideprotectedvoidonPreExecute() {
            super.onPreExecute();

            pDialog = newProgressDialog(SearchActivity.this);

            pDialog.setMessage("Loading Data ...");

            pDialog.setIndeterminate(false);

            pDialog.setCancelable(true);

            pDialog.show();
        }

        @Overrideprotected JSONObject doInBackground(String... args) {
            JSONParserjParser=newJSONParser();

            JSONObjectjson= jParser.getJSONFromUrl("http:link.php");

            return json;

        }

        @OverrideprotectedvoidonPostExecute(JSONObject json) {

            System.out.println("---------------return name list json------------" + json);

            pDialog.dismiss();

            try {
                jobj = json.getJSONObject("response");
                // Getting Array of Contacts
                results = jobj.getJSONArray("obejects");

                System.out.println("In product Activity after JSON");
                // looping through All Contactsfor (inti=0; i < results.length(); i++) {
                    JSONObjectc= results.getJSONObject(i);

                    name.add(c.getString("name"));

                    image.add(c.getString("image"));

                    price.add(c.getString("price"));

                    description.add(c.getString("Description"));

                }
            } catch (JSONException e) {
                e.printStackTrace();
            }
            adapter1 = newSearchCustomAdapter(getApplicationContext(), R.layout.gridlistimg, name, image, description, price);

            gView.setAdapter(adapter1);

        }
    }

    privatevoidapplySearch(String searchStr) {
        ArrayList<String> searchname = newArrayList<String>();
        ArrayList<String> searchdescription = newArrayList<String>();
        ArrayList<String> searchimage = newArrayList<String>();
        ArrayList<String> searchprice = newArrayList<String>();

        for (inti=0; i < name.size(); i++) {
            if (name.get(i).contains(searchStr)) {
                searchname.add(name.get(i));
                searchdescription.add(description.get(i));
                searchimage.add(image.get(i));
                searchprice.add(price.get(i));
            }
        }

        adapter1.setC_pname(searchname);
        adapter1.setC_pdescription(searchdescription);
        adapter1.setC_pimage(searchimage);
        adapter1.setC_pprice(searchprice);
        adapter1.notifyDataSetChanged();
    }

}

SearchCustomAdapter.java

import java.util.ArrayList;

import android.content.Context;
import android.view.LayoutInflater;
import android.view.View;
import android.view.ViewGroup;
import android.widget.BaseAdapter;
import android.widget.Button;
import android.widget.ImageView;
import android.widget.TextView;

publicclassSearchCustomAdapterextendsBaseAdapter {
    Context context;

    LayoutInflater inflater;

    ArrayList<String> aaaa1, bbbb1, cccc1;

    ArrayList<String> c_pname;
    ArrayList<String> c_pprice;
    ArrayList<String> c_pdescription;
    ArrayList<String> c_pimage;

    publicvoidsetC_pname(ArrayList<String> c_pname) {
        this.c_pname = c_pname;
    }

    publicvoidsetC_pimage(ArrayList<String> c_pimage) {
        this.c_pimage = c_pimage;
    }

    publicvoidsetC_pprice(ArrayList<String> c_pprice) {
        this.c_pprice = c_pprice;
    }

    publicvoidsetC_pdescription(ArrayList<String> c_pdescription) {
        this.c_pdescription = c_pdescription;
    }

    String[] data_text;
    String[] data_image;

    ImageLoader iloader;

    publicSearchCustomAdapter(Context c, int productDescribe, ArrayList<String> pname, ArrayList<String> pimage, ArrayList<String> productdescription, ArrayList<String> pprice) {
        // TODO Auto-generated constructor stubthis.context = c;

        this.c_pname = pname;

        this.c_pprice = pprice;

        this.c_pdescription = productdescription;

        this.c_pimage = pimage;

        inflater = (LayoutInflater) context.getSystemService(Context.LAYOUT_INFLATER_SERVICE);

        iloader = newImageLoader(context.getApplicationContext());

    }

    @Overridepublic int getCount() {
        // TODO Auto-generated method stubreturn c_pname.size();
        // return data_text.length;
    }

    @OverridepublicObjectgetItem(int arg0) {
        // TODO Auto-generated method stubreturnnull;

    }

    @Overridepublic long getItemId(int pos) {
        // TODO Auto-generated method stub// return c_pname.indexOf(getItem(pos));//arg0;return pos;
    }

    @OverridepublicViewgetView(final int position, View convertView, ViewGroup parent) {
        // TODO Auto-generated method stubView row = convertView;

        ViewHolder vh;

        if (row == null) {
            row = inflater.inflate(R.layout.custom_search_activity, parent, false);

            vh = newViewHolder();

            vh.pname = (TextView) row.findViewById(R.id.product_name);

            vh.pprice = (TextView) row.findViewById(R.id.textView2);

            vh.image1 = (ImageView) row.findViewById(R.id.imageView1);

            vh.btn = (Button) row.findViewById(R.id.p_custom_tv);

            /*
             * row.setOnClickListener(new OnClickListener() {
             * 
             * @Override public void onClick(View arg0) {
             * 
             * System.out.println("outside on click"+position);
             * 
             * 
             * ArrayList<String> sendingary=new ArrayList<String>();
             * 
             * sendingary.add(c_pname.get(position));
             * 
             * sendingary.add(c_pprice.get(position));
             * 
             * sendingary.add(c_pimage.get(position));
             * 
             * sendingary.add(c_pdescription.get(position));
             * 
             * Intent cp=new
             * Intent(context.getApplicationContext(),product_details.class);
             * 
             * cp.putStringArrayListExtra("aryvalue", sendingary);
             * 
             * cp.addFlags(Intent.FLAG_ACTIVITY_NEW_TASK);
             * 
             * context.startActivity(cp);
             * 
             * } });
             */

            row.setTag(vh);
        } else {
            vh = (ViewHolder) row.getTag();
            row = convertView;
        }

        vh.pname.setText(c_pname.get(position));
        vh.pprice.setText("KD " + c_pprice.get(position));
        iloader.DisplayImage(c_pimage.get(position), vh.image1);

        return row;
    }

    publicstaticclassViewHolder {
        TextView pname, pprice;

        ImageView image1;

        Button btn;
    }

}