Skip to content

Cute library to implement SearchView in a Material Design Approach for Xamarin.Android, based on Miguel Catalan's version.

License

Notifications You must be signed in to change notification settings

FANMixco/Xamarin-MaterialSearchView

Repository files navigation

sponsor

Xamarin-MaterialSearchView

Cute library to implement SearchView in a Material Design Approach for Xamarin.Android, based on Miguel Catalan's version.

Get it

Latest Release Downloads
NuGet Badge Xamarin-MaterialSearchBar NuGet Badge SpotsDialog.Xamarin

Basic example:

XML: Layout:

<?xml version="1.0" encoding="UTF-8" ?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
	android:background="@color/colorGray"
   android:layout_width="fill_parent"
   android:layout_height="fill_parent"
   android:orientation="vertical">
   <include layout="@layout/search_container" />
</LinearLayout>

search_container.xml

<?xml version="1.0" encoding="UTF-8" ?>
<FrameLayout
	xmlns:android="http://schemas.android.com/apk/res/android"
	android:id="@+id/toolbar_container"
	android:layout_width="match_parent"
	android:layout_height="wrap_content">

	<android.support.v7.widget.Toolbar
		android:id="@+id/toolbar"
		android:layout_width="match_parent"
		android:layout_height="?attr/actionBarSize"
		android:background="@color/colorPrimary" />

	<com.miguelcatalan.materialsearchview.MaterialSearchView
		android:id="@+id/search_view"
		android:layout_width="match_parent"
		android:layout_height="wrap_content" />
</FrameLayout>

Menu: menu_search.xml

<?xml version="1.0" encoding="UTF-8" ?>
<menu xmlns:android="http://schemas.android.com/apk/res/android"
	xmlns:app="http://schemas.android.com/apk/res-auto"
	xmlns:tools="http://schemas.android.com/tools"
	tools:context="com.domain.myApp.YourClassActivity">
	<item
		android:id="@+id/action_search"
		android:icon="@drawable/ic_action_action_search"
		android:orderInCategory="100"
		android:title="@string/search_title"
		app:showAsAction="always" />
</menu>

C#:

public partial class YourClassActivity : AppCompatActivity
{
	private MaterialSearchView SearchView;
	protected override void OnCreate(Bundle savedInstanceState)
	{

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

		SearchView.SetOnQueryTextListener(new MaterialSearchViewListener(this));

		//Optional to enable voice search
		//SearchView.SetVoiceSearch(true);        
	}

	public override bool OnCreateOptionsMenu(IMenu menu)
	{
		MenuInflater.Inflate(Resource.Menu.menu_search, menu);

		SearchView.SetMenuItem(menu.FindItem(Resource.Id.action_search));

		return true;
	}
}

public partial class YourClassActivity
{
	public class MaterialSearchViewListener : Java.Lang.Object, MaterialSearchView.IOnQueryTextListener
	{
		public bool OnQueryTextChange(string p0)
		{
			return true;
		}

		public bool OnQueryTextSubmit(string p0)
		{
			return true;
		}
	}
}

Help me

Pull requests are more than welcome, help me and others improve this awesome library.

The code is based on the Krishnakapil original concept.

License

Copyright 2015-2020 Miguel Catalan Bañuls and Federico Navarrete

Licensed under the Apache License, Version 2.0 (the "License");
you may not use this file except in compliance with the License.
You may obtain a copy of the License at

	http://www.apache.org/licenses/LICENSE-2.0

Unless required by applicable law or agreed to in writing, software
distributed under the License is distributed on an "AS IS" BASIS,
WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
See the License for the specific language governing permissions and
limitations under the License.

Follow me at:

LinkedIn YouTube Amazon Goodreads Instagram Cyber Prophets Sharing Your Stories
LinkedIn YouTube Amazon Goodreads Instagram RedCircle Podcast RedCircle Podcast