介绍:
一个Material Design的搜索控件。
运行效果:
使用说明:
把MaterialSearchView和Toolbar一起添加到布局文件(把这部分放在布局的地步,以便将其显示在其它view之上):
android:id="@+id/toolbar_container"
android:layout_width="match_parent"
android:layout_height="wrap_content">
android:id="@+id/toolbar"
android:layout_width="match_parent"
android:layout_height="?attr/actionBarSize"
android:background="@color/theme_primary" />
android:id="@+id/search_view"
android:layout_width="match_parent"
android:layout_height="wrap_content" />
把search item添加到menu文件中:
android:id="@+id/action_search"
android:icon="@drawable/ic_action_action_search"
android:orderInCategory="100"
android:title="@string/abc_search_hint"
app:showAsAction="always" />
在onCreateOptionsMenu定义它:@Override
public boolean onCreateOptionsMenu(Menu menu) {
getMenuInflater().inflate(R.menu.menu_main, menu);
MenuItem item = menu.findItem(R.id.action_search);
searchView.setMenuItem(item);
return true;
}
设置 listeners:MaterialSearchView searchView = (MaterialSearchView) findViewById(R.id.search_view);
searchView.setOnQueryTextListener(new MaterialSearchView.OnQueryTextListener() {
@Override
public boolean onQueryTextSubmit(String query) {
//Do some magic
return false;
}
@Override
public boolean onQueryTextChange(String newText) {
//Do some magic
return false;
}
});
searchView.setOnSearchViewListener(new MaterialSearchView.SearchViewListener() {
@Override
public void onSearchViewShown() {
//Do some magic
}
@Override
public void onSearchViewClosed() {
//Do some magic
}
});
使用语音搜索
启用与禁用:searchView.setVoiceSearch(true); //or false
处理响应:@Override
protected void onActivityResult(int requestCode, int resultCode, Intent data) {
if (requestCode == MaterialSearchView.REQUEST_VOICE && resultCode == RESULT_OK) {
ArrayList matches = data.getStringArrayListExtra(RecognizerIntent.EXTRA_RESULTS);
if (matches != null && matches.size() > 0) {
String searchWrd = matches.get(0);
if (!TextUtils.isEmpty(searchWrd)) {
searchView.setQuery(searchWrd, false);
}
}
return;
}
super.onActivityResult(requestCode, resultCode, data);
}
添加提示
在资源文件中以string-array的形式添加:
Android
iOS
SCALA
Ruby
JavaScript
把它们添加到对象searchView.setSuggestions(getResources().getStringArray(R.array.query_suggestions));
样式
@color/theme_primary
@drawable/ic_action_voice_search_inverted
@drawable/ic_action_navigation_close_inverted
@drawable/ic_action_navigation_arrow_back_inverted
@android:color/white
@color/theme_primary_text_inverted
@color/theme_secondary_text_inverted
@string/search_hint
Custom cursor
创建 drawable:
并添加到对象:searchView.setCursorDrawable(R.drawable.custom_cursor);
Bonus
返回(on backpressed)的时候关闭:@Override
public void onBackPressed() {
if (searchView.isSearchOpen()) {
searchView.closeSearch();
} else {
super.onBackPressed();
}
}