SearchView的用法

前言

今天来讲讲searchView的使用，这里讲的searchView是引用android.support.v7.widget.SearchView 下的搜索。
本篇文章借鉴以下链接，在此表示感谢
MaterialDesign之SearchView全面解锁;
SearchView使用中的问题;
使用SearchView的正确姿势;

本篇内容涉及以下几个知识点：

SearchView 的基本属性
SearchView的基本使用
SearchView结合Menu的使用

一.SearchView 的基本属性

基本属性可以通过xml配置，也可以代码设置，下面是属性截图

1.png

二.SearchView 的基本使用

SearchView的显示样式有以下几种：

/*------------------ SearchView有三种默认展开搜索框的设置方式，区别如下： ------------------*/
//设置搜索框直接展开显示。左侧有放大镜(在搜索框中) 右侧有叉叉 可以关闭搜索框
mSearchView.setIconified(false);
//设置搜索框直接展开显示。左侧有放大镜(在搜索框外) 右侧无叉叉 有输入内容后有叉叉 不能关闭搜索框
mSearchView.setIconifiedByDefault(false);
//设置搜索框直接展开显示。左侧有无放大镜(在搜索框中) 右侧无叉叉 有输入内容后有叉叉 不能关闭搜索框
mSearchView.onActionViewExpanded();

下面简单讲讲searchView直接在activity中的使用，先看看searchView在activity_main.xml中的布局，

三.SearchView在activity_main.xml的布局代码

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"xmlns:app="http://schemas.android.com/apk/res-auto"android:layout_width="match_parent"android:layout_height="match_parent"android:orientation="vertical"><android.support.v7.widget.SearchViewandroid:id="@+id/view_search"android:layout_width="wrap_content"android:layout_height="wrap_content"/><Buttonandroid:id="@+id/btn_next"android:layout_width="wrap_content"android:layout_height="wrap_content"android:text="Menu获取SearchView"/></LinearLayout>

四.SearchView在在MainActivity中的代码

其中mAutoCompleteTextView与mDeleteButton是分别用来设置SearchView中输入部分和删除键的

package com.android.bmobdemo;import android.graphics.Color;
import android.os.Bundle;
import android.support.v7.app.AppCompatActivity;
import android.support.v7.widget.SearchView;
import android.view.View;
import android.widget.AutoCompleteTextView;
import android.widget.Button;
import android.widget.ImageView;import com.android.util.LogUtil;import java.lang.reflect.Field;/**** SearchView基本使用的介绍*/
public class MainActivity extends AppCompatActivity implements View.OnClickListener{private SearchView mSearchView;private AutoCompleteTextView mAutoCompleteTextView;//搜索输入框private ImageView mDeleteButton;//搜索框中的删除按钮private Button mBtnNext;//下一界面按钮@Overrideprotected void onCreate(Bundle savedInstanceState) {super.onCreate(savedInstanceState);setContentView(R.layout.activity_main);initView();initData();setListener();}private void initView(){mBtnNext=findViewById(R.id.btn_next);mSearchView=findViewById(R.id.view_search);mAutoCompleteTextView=mSearchView.findViewById(R.id.search_src_text);mDeleteButton=mSearchView.findViewById(R.id.search_close_btn);}private void initData(){mSearchView.setIconifiedByDefault(false);//设置搜索图标是否显示在搜索框内//1:回车//2:前往//3:搜索//4:发送//5:下一項//6:完成mSearchView.setImeOptions(2);//设置输入法搜索选项字段，默认是搜索，可以是：下一页、发送、完成等
//        mSearchView.setInputType(1);//设置输入类型
//        mSearchView.setMaxWidth(200);//设置最大宽度mSearchView.setQueryHint("ahdewoi");//设置查询提示字符串
//        mSearchView.setSubmitButtonEnabled(true);//设置是否显示搜索框展开时的提交按钮//设置SearchView下划线透明setUnderLinetransparent(mSearchView);}private void setListener(){mBtnNext.setOnClickListener(this);// 设置搜索文本监听mSearchView.setOnQueryTextListener(new SearchView.OnQueryTextListener() {//当点击搜索按钮时触发该方法@Overridepublic boolean onQueryTextSubmit(String query) {LogUtil.e(MainActivity.class,"=====query="+query);return false;}//当搜索内容改变时触发该方法@Overridepublic boolean onQueryTextChange(String newText) {LogUtil.e(MainActivity.class,"=====newText="+newText);return false;}});}/**设置SearchView下划线透明**/private void setUnderLinetransparent(SearchView searchView){try {Class<?> argClass = searchView.getClass();// mSearchPlate是SearchView父布局的名字Field ownField = argClass.getDeclaredField("mSearchPlate");ownField.setAccessible(true);View mView = (View) ownField.get(searchView);mView.setBackgroundColor(Color.TRANSPARENT);} catch (NoSuchFieldException e) {e.printStackTrace();} catch (IllegalAccessException e) {e.printStackTrace();}}@Overridepublic void onClick(View v) {switch (v.getId()) {case R.id.btn_next:startActivity(NextActivity.newIndexIntent(this));break;default:break;}}
}

五.SearchView结合Menu的使用

这里涉及到Menu的使用与Toobar的结合使用，下面分步讲解

5.1 新建Menu文件夹

选中res文件夹---->右键---->New----->Android resouce directory----->Resouce Type选下拉列表中的menu，点击ok，就在res文件夹下新建了menu文件夹，动图如下：

3.gif

5.2 在Menu文件夹下建search_view.xml

这里需要注意的是SearchView控件的布控是通过item中的
app:actionViewClass="android.support.v7.widget.SearchView" 实现的
代码如下：

<?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"><itemandroid:id="@+id/menu_search"android:title="搜索"android:orderInCategory="100"app:actionViewClass="android.support.v7.widget.SearchView"app:showAsAction="always"/><itemandroid:id="@+id/scan_local_music"android:icon="@mipmap/ic_launcher"android:orderInCategory="100"android:title="扫描本地音乐"app:showAsAction="never"/><itemandroid:id="@+id/select_sort_way"android:icon="@mipmap/ic_launcher"android:orderInCategory="100"android:title="选择排序方式"app:showAsAction="never"/>
</menu>

5.3 NextActivity中布局activity_next.xml布局如下：

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"xmlns:app="http://schemas.android.com/apk/res-auto"android:layout_width="match_parent"android:layout_height="match_parent"android:orientation="vertical"><android.support.v7.widget.Toolbarandroid:id="@+id/toolbar"android:background="#0000ff"android:layout_width="match_parent"android:layout_height="wrap_content"app:title="我的音乐"app:titleTextColor="@android:color/white"/>
</LinearLayout>

5.4 SearchView在NextActivity中代码

这里需要注意的有两点：

SearchView对象是通过重写AppCompatActivity的onCreateOptionsMenu(Menu menu)方法实现的
toobar代替menu布局setSupportActionBar(toolbar);
代码如下：

package com.android.bmobdemo;import android.content.Context;
import android.content.Intent;
import android.os.Bundle;
import android.support.v4.view.MenuItemCompat;
import android.support.v7.app.AppCompatActivity;
import android.support.v7.widget.SearchView;
import android.support.v7.widget.Toolbar;
import android.view.Menu;
import android.view.MenuItem;
import android.view.View;
import android.view.Window;
import android.widget.Toast;import com.android.util.LogUtil;/*** Title:* Description:* <p>* Created by pei* Date: 2018/2/8*/
public class NextActivity extends AppCompatActivity{public static Intent newIndexIntent(Context context){Intent newIntent = new Intent(context, NextActivity.class);return newIntent;}private SearchView mSearchView;@Overrideprotected void onCreate(Bundle savedInstanceState) {super.onCreate(savedInstanceState);supportRequestWindowFeature(Window.FEATURE_NO_TITLE);setContentView(R.layout.activity_next);initView();initData();setListener();}private void initView(){Toolbar toolbar = (Toolbar) findViewById(R.id.toolbar);setSupportActionBar(toolbar);}private void initData(){}private void setListener(){}@Overridepublic boolean onCreateOptionsMenu(Menu menu) {getMenuInflater().inflate(R.menu.search_view, menu);MenuItem searchItem = menu.findItem(R.id.menu_search);//通过MenuItem得到SearchViewmSearchView = (SearchView) MenuItemCompat.getActionView(searchItem);//设置最大宽度
//        mSearchView.setMaxWidth();//设置是否显示搜索框展开时的提交按钮mSearchView.setSubmitButtonEnabled(true);//设置输入框提示语mSearchView.setQueryHint("hint");//SearchView设置监听setMenuListener();return super.onCreateOptionsMenu(menu);}/**SearchView设置监听**/private void setMenuListener(){//搜索框展开时后面叉叉按钮的点击事件mSearchView.setOnCloseListener(new SearchView.OnCloseListener() {@Overridepublic boolean onClose() {Toast.makeText(NextActivity.this, "Close", Toast.LENGTH_SHORT).show();return false;}});//搜索图标按钮(打开搜索框的按钮)的点击事件mSearchView.setOnSearchClickListener(new View.OnClickListener() {@Overridepublic void onClick(View v) {Toast.makeText(NextActivity.this, "Open", Toast.LENGTH_SHORT).show();}});//搜索框文字变化监听mSearchView.setOnQueryTextListener(new SearchView.OnQueryTextListener() {@Overridepublic boolean onQueryTextSubmit(String s) {LogUtil.e(NextActivity.class, "TextSubmit : " + s);return false;}@Overridepublic boolean onQueryTextChange(String s) {LogUtil.e(NextActivity.class, "TextChange --> " + s);return false;}});}}

至于SearchView的基本属性介绍前面几点已经讲过了，这里就不重复了。

六.SearchView在点击搜索之后会弹出软键盘的问题

在输入关键字点击搜索后，仍会弹出软键盘的问题可以这样解决

@Override
public boolean onQueryTextSubmit(String query) {...updateItems();searchView.setQuery("", false);searchView.clearFocus();  //可以收起键盘searchView.onActionViewCollapsed();    //可以收起SearchView视图//searchItem.collapseActionView();
/*searchItem来自：
MenuItem searchItem=menu.findItem(R.id.menu_item_search);
SearchView searchView=(SearchView) searchItem.getActionView();*///searchItem.setVisible(false);  //这个会直接使SearchView不见return true;
}

七.SearchView使用的效果图

5.gif

作者：奔跑的佩恩
链接：https://www.jianshu.com/p/3f704243995c
來源：简书
简书著作权归作者所有，任何形式的转载都请联系作者获得授权并注明出处。

SearchView的用法相关推荐

搜索控件SearchView的用法
最近看Android 4.0 mms,contact源码,发现其中搜索都是SearchView控件,下面自己试着写一个效果 1.在res/menu/文件夹下建立menu.xml 配置文件 < ...
Android搜索控件SearchView的用法
最近看Android 4.0 mms,contact源码,发现其中搜索都是SearchView控件,下面自己试着写一个效果 1.在res/menu/文件夹下建立menu.xml 配置文件 < ...
Android SearchView基本用法
1.设置searchView会在Toolbar中显示,或者在普通布局中显示: (1).在普通布局当中: /*** 设置searchView:*/setSearchAttribute(searchVie ...
android searchview属性,SearchView的用法(一)
前言今天来讲讲searchView的使用,这里讲的searchView是引用android.support.v7.widget.SearchView 下的搜索. 本篇文章借鉴以下链接,在此表示感谢 ...
Android开发笔记（一百一十九）工具栏ToolBar
Toolbar 在前面的博文< Android开发笔记(二十)顶部导航栏>中,我们学习了ActionBar的用法,可是ActionBar着实是不怎么好用,比如文字风格不能定制.图标不能定制 ...
自定义 FlowLayout流式布局搜索框加 GreenDao存取搜索记录，使用RecyclerView展示
输入框布局的shape <?xml version="1.0" encoding="utf-8"?> <shape xmlns:android ...
android词典源码,Android网易有道词典案例源码分享
一.相关知识 searchview控件: 以下是几个简单网址:searchview简单用法: 关于各种搜素: searchbar控件:大家还可以尝试使用searchbar控件 webview控件: ( ...
xamarin.android searchview的一些用法
前言 searchview是安卓常用的搜索控件,网上有很多关于searchview都是java的,所以我参看xamaroin官网的一些demo总结一些方法. 导读 1.如何创建一个searchview ...
SearchView搜索框的功能与用法
SearchView的功能以及用法使用SearchView,可以让用户在文本框内输入文字,并允许通过监听器监控用户的输入,当用户输入完成后提交搜索时,也可以通过监听器执行实际的搜索. 使用Searc ...

SearchView的用法

前言

SearchView的用法相关推荐

最新文章

热门文章