How to Implement Floating SearchWidget Android

Tonespy picture Tonespy · Jun 27, 2015 · Viewed 10.9k times · Source

I am trying to implement the search widget in the current android apps, but just can't get it done Google I/O app and I've not been able to implement it. Below is my code

MainActivity

  @Override
public boolean onCreateOptionsMenu(Menu menu) {
    // Inflate the menu; this adds items to the action bar if it is present.
    getMenuInflater().inflate(R.menu.menu_main, menu);
    SearchManager searchManager = (SearchManager) getSystemService(Context.SEARCH_SERVICE);
    SearchView searchView = (SearchView) menu.findItem(R.id.search_bar).getActionView();
    searchView.setSearchableInfo(searchManager.getSearchableInfo(getComponentName()));
    searchView.setIconifiedByDefault(false);
    return true;
}

@Override
public boolean onOptionsItemSelected(MenuItem item) {
    // Handle action bar item clicks here. The action bar will
    // automatically handle clicks on the Home/Up button, so long
    // as you specify a parent activity in AndroidManifest.xml.
    int id = item.getItemId();

    //noinspection SimplifiableIfStatement
    if (id == R.id.action_settings) {
        return true;
    } else if (id == R.id.search_bar) {
        //startActivity(new Intent(this, SearchResultActivity.class));
        return true;
    }

    return super.onOptionsItemSelected(item);
}

MenuItem

 <item android:id="@+id/search_bar"
    android:title="Search"
    android:orderInCategory="100"
    android:icon="@android:drawable/ic_menu_search"
    app:showAsAction="always|collapseActionView"
    app:actionViewClass="android.support.v7.widget.SearchView"/>

SearchActivity

 public class SearchResultActivity extends Activity {

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

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

private void handleIntent(Intent intent) {

    if (Intent.ACTION_SEARCH.equals(intent.getAction())) {
        String query = intent.getStringExtra(SearchManager.QUERY);
    }
}
}

Manifest

<activity android:name=".MainActivity"
        android:enabled="true">

        <!--<meta-data android:name="android.app.searchable"
            android:resource="@xml/searchable"/>-->

        <meta-data android:name="android.app.default_searchable"
            android:value=".SearchResultActivity"/>

    </activity>

    <activity android:name=".SearchResultActivity"
        android:enabled="true"
        android:launchMode="singleTop"
        android:parentActivityName=".MainActivity">

        <intent-filter>
            <action android:name="android.intent.action.SEARCH"/>
            <category android:name="android.intent.category.DEFAULT" />
        </intent-filter>

        <!--<meta-data android:name="android.app.default_searchable"
            android:value=".SearchResultActivity" />-->

        <meta-data android:name="android.app.searchable"
            android:resource="@xml/searchable"/>

    </activity>

This is what I'm thinking, but I've not yet tried it. I did implemented a floating activity in my project. From the look of what's below, I think it's a floating Activity right. Any help would be appreciated.

Answer

Amaresh Jana picture Amaresh Jana · Jun 27, 2015

In my case I have used like this

@Override
public boolean onCreateOptionsMenu(Menu menu) {
    // TODO Auto-generated method stub
    menu.add("Search").setIcon(android.R.drawable.ic_menu_search).setShowAsAction(MenuItem.SHOW_AS_ACTION_ALWAYS);
    return true;
}

@Override
public boolean onOptionsItemSelected(MenuItem item) {
            if(item.getTitle().toString().equalsIgnoreCase("Search")){
        showSearchDialog();
    }
    return true;
}

private void showSearchDialog() {
    // TODO Auto-generated method stub
    dialog = new Dialog(this);
    dialog.requestWindowFeature(Window.FEATURE_NO_TITLE);
    dialog.setContentView(R.layout.dialog_search);
    final Window window = dialog.getWindow();
    window.setLayout(WindowManager.LayoutParams.MATCH_PARENT, WindowManager.LayoutParams.MATCH_PARENT);
    window.clearFlags(WindowManager.LayoutParams.FLAG_DIM_BEHIND);
    window.setBackgroundDrawable(new ColorDrawable(Color.TRANSPARENT));
    imm.toggleSoftInput(InputMethodManager.SHOW_FORCED, 0);
    findDialogViews(dialog);
    dialog.show();
}

private void findDialogViews(final Dialog dialog) {
    // TODO Auto-generated method stub
    ImageView iv = (ImageView)dialog.findViewById(R.id.calc_clear_txt_Prise);
    lvSuggestions = (ListView)dialog.findViewById(R.id.listView1);
    lvSuggestions.setOnItemClickListener((android.widget.AdapterView.OnItemClickListener) this);
    final EditText etSearch = (EditText)dialog.findViewById(R.id.calc_txt_Prise);
    iv.setOnClickListener(new OnClickListener() {

        @Override
        public void onClick(View v) {
            // TODO Auto-generated method stub
            if(etSearch.getText().toString().isEmpty()){
                dialog.dismiss();
                imm.toggleSoftInput(InputMethodManager.SHOW_FORCED, 0);
            }
            else
                etSearch.setText("");
        }
    });
    etSearch.addTextChangedListener(new TextWatcher() {
        @Override
        public void onTextChanged(CharSequence s, int start, int before, int count) {
            **DO YOUR STUFF**
        }

        @Override
        public void beforeTextChanged(CharSequence s, int start, int count,
                int after) {
            // TODO Auto-generated method stub
        }

        @Override
        public void afterTextChanged(Editable s) {
            // TODO Auto-generated method stub
        }
    });
}

SearchAdapter code:

public class SearchAdapter extends BaseAdapter{

    private Context mContext;
    private List<SearchModel> list;
    private RequestQueue mRequestQueue;
    private ImageLoader mImageLoader;

    public SearchAdapter(Context mContext, List<SearchModel> list) {
        // TODO Auto-generated constructor stub
        this.mContext = mContext;
        this.list = list;
        mRequestQueue = Volley.newRequestQueue(mContext);
        mImageLoader = new ImageLoader(mRequestQueue, new LruBitmapCache());
    }

    @Override
    public int getCount() {
        // TODO Auto-generated method stub
        return list.size();
    }

    @Override
    public Object getItem(int position) {
        // TODO Auto-generated method stub
        return list.get(position);
    }

    @Override
    public long getItemId(int position) {
        // TODO Auto-generated method stub
        return position;
    }

    @Override
    public View getView(int position, View convertView, ViewGroup parent) {
        // TODO Auto-generated method stub
        if(convertView==null){
            convertView = LayoutInflater.from(mContext).inflate(R.layout.list_item_search   , parent, false);
        }
        NetworkImageView image = (NetworkImageView)convertView.findViewById(R.id.imageView1);
        TextView tvName = (TextView)convertView.findViewById(R.id.textView1);

        SearchModel model = list.get(position);
        image.setImageUrl(model.getImage(), mImageLoader);
        tvName.setText(model.getVName());

        return convertView;
    }
}

SearchAdapter is to set the list...of that drop down.....

dialog_search layout xml code

<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
android:layout_width="match_parent"
android:layout_height="match_parent"
android:orientation="vertical" >

<FrameLayout
    android:layout_width="fill_parent"
    android:layout_height="wrap_content" >

    <EditText
        android:id="@+id/calc_txt_Prise"
        android:layout_width="fill_parent"
        android:layout_height="?attr/actionBarSize"
        android:background="@android:color/white"
        android:hint="Search Turf"
        android:inputType="text"
        android:paddingLeft="20dp"
        android:singleLine="true"
        android:textColor="@color/text_color"
        android:textColorHint="@android:color/darker_gray"
        android:textStyle="bold" />

    <ImageView
        android:id="@+id/calc_clear_txt_Prise"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_gravity="right|center_vertical"
        android:layout_marginRight="10dp"
        android:contentDescription="@string/action_settings"
        android:src="@android:drawable/ic_menu_close_clear_cancel" />
</FrameLayout>

<View
    android:layout_width="match_parent"
    android:layout_height="1dp"
    android:background="@color/text_color" />

<ListView
    android:id="@+id/listView1"
    android:layout_width="match_parent"
    android:layout_height="wrap_content"
    android:divider="@color/text_color"
    android:dividerHeight="1dp" />

<View
    android:layout_width="match_parent"
    android:layout_height="1dp"
    android:background="@color/text_color" />

Rendered view