Material SearchView

Version : 1.0.0

Download : Available on Nuget Gallery (https://www.nuget.org/packages/SearchView.Xamarin)

How do I use SearchView ?

Add following code to layout

<FrameLayout
        android:id="@+id/toolbar_container"
        android:layout_width="match_parent"
        android:layout_height="wrap_content">
        <include
            android:id="@+id/toolbar"
            layout="@layout/layout_toolbar_locations" />
        <com.materialsearchview.MaterialSearchView
            android:id="@+id/search_view"
            android:layout_width="match_parent"
            android:layout_height="wrap_content" />
</FrameLayout>

Implement Query Text Listener :

public class LocationsActivity : AppCompatActivity, MaterialSearchView.IOnQueryTextListener
	{
    ...

public bool OnQueryTextChange(string p0)
	{
	  if (!string.IsNullOrEmpty(p0))
		{
	          // Do something
		}
		  return true;
	}
public bool OnQueryTextSubmit(string p0)
	{
		return false;
	}	     

Implement IOnClickListener

public class LocationsActivity : AppCompatActivity, MaterialSearchView.IOnQueryTextListener, IOnClickListener
	{
    ...
    
public void ItemViewOnClick(View p0, int p1)
	{
	   // Do Something, p1 = position
	}
    

Setup SearchView

materialSearchView = FindViewById<MaterialSearchView>(Resource.Id.search_view);


materialSearchView.SetSuggestionIcon(ContextCompat.GetDrawable(this, Resource.Drawable.vector_location_pin));
materialSearchView.SetOnQueryTextListener(this);
var searchAdapter = new SearchAdapter(this, YourStringArray, ContextCompat.GetDrawable(this, Resource.Drawable.vector_map), true, this);
materialSearchView.SetAdapter(searchAdapter);
materialSearchView.IOnClickListener = this;

Example

Author

Beray Bentesen - @BerayBentesen on Twitter