前言
今天來(lái)講講searchView的使用涤浇，這里講的searchView是引用android.support.v7.widget.SearchView 下的搜索舵稠。
本篇文章借鑒以下鏈接赋朦，在此表示感謝
MaterialDesign之SearchView全面解鎖;
SearchView使用中的問(wèn)題;
使用SearchView的正確姿勢(shì);
本篇內(nèi)容涉及以下幾個(gè)知識(shí)點(diǎn)：
- SearchView 的基本屬性
- SearchView的基本使用
- SearchView結(jié)合Menu的使用
一.SearchView 的基本屬性
基本屬性可以通過(guò)xml配置便瑟，也可以代碼設(shè)置绷杜，下面是屬性截圖
1.png
二.SearchView 的基本使用
SearchView的顯示樣式有以下幾種：
/*------------------ SearchView有三種默認(rèn)展開搜索框的設(shè)置方式，區(qū)別如下： ------------------*/
//設(shè)置搜索框直接展開顯示蔫劣。左側(cè)有放大鏡(在搜索框中) 右側(cè)有叉叉 可以關(guān)閉搜索框
mSearchView.setIconified(false);
//設(shè)置搜索框直接展開顯示。左側(cè)有放大鏡(在搜索框外) 右側(cè)無(wú)叉叉 有輸入內(nèi)容后有叉叉 不能關(guān)閉搜索框
mSearchView.setIconifiedByDefault(false);
//設(shè)置搜索框直接展開顯示个从。左側(cè)有無(wú)放大鏡(在搜索框中) 右側(cè)無(wú)叉叉 有輸入內(nèi)容后有叉叉 不能關(guān)閉搜索框
mSearchView.onActionViewExpanded();
下面簡(jiǎn)單講講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.SearchView
android:id="@+id/view_search"
android:layout_width="wrap_content"
android:layout_height="wrap_content"/>
<Button
android:id="@+id/btn_next"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:text="Menu獲取SearchView"/>
</LinearLayout>
四.SearchView在在MainActivity中的代碼
其中mAutoCompleteTextView與mDeleteButton是分別用來(lái)設(shè)置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;//下一界面按鈕
@Override
protected 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);//設(shè)置搜索圖標(biāo)是否顯示在搜索框內(nèi)
//1:回車
//2:前往
//3:搜索
//4:發(fā)送
//5:下一項(xiàng)
//6:完成
mSearchView.setImeOptions(2);//設(shè)置輸入法搜索選項(xiàng)字段嗦锐，默認(rèn)是搜索嫌松，可以是：下一頁(yè)、發(fā)送奕污、完成等
// mSearchView.setInputType(1);//設(shè)置輸入類型
// mSearchView.setMaxWidth(200);//設(shè)置最大寬度
mSearchView.setQueryHint("ahdewoi");//設(shè)置查詢提示字符串
// mSearchView.setSubmitButtonEnabled(true);//設(shè)置是否顯示搜索框展開時(shí)的提交按鈕
//設(shè)置SearchView下劃線透明
setUnderLinetransparent(mSearchView);
}
private void setListener(){
mBtnNext.setOnClickListener(this);
// 設(shè)置搜索文本監(jiān)聽
mSearchView.setOnQueryTextListener(new SearchView.OnQueryTextListener() {
//當(dāng)點(diǎn)擊搜索按鈕時(shí)觸發(fā)該方法
@Override
public boolean onQueryTextSubmit(String query) {
LogUtil.e(MainActivity.class,"=====query="+query);
return false;
}
//當(dāng)搜索內(nèi)容改變時(shí)觸發(fā)該方法
@Override
public boolean onQueryTextChange(String newText) {
LogUtil.e(MainActivity.class,"=====newText="+newText);
return false;
}
});
}
/**設(shè)置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();
}
}
@Override
public void onClick(View v) {
switch (v.getId()) {
case R.id.btn_next:
startActivity(NextActivity.newIndexIntent(this));
break;
default:
break;
}
}
}
五.SearchView結(jié)合Menu的使用
這里涉及到Menu的使用與Toobar的結(jié)合使用萎羔，下面分步講解
5.1 新建Menu文件夾
選中res文件夾---->右鍵---->New----->Android resouce directory----->Resouce Type選下拉列表中的menu，點(diǎn)擊ok碳默，就在res文件夾下新建了menu文件夾贾陷，動(dòng)圖如下：
3.gif
5.2 在Menu文件夾下建search_view.xml
這里需要注意的是SearchView控件的布控是通過(guò)item中的
app:actionViewClass="android.support.v7.widget.SearchView" 實(shí)現(xiàn)的
代碼如下：
<?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">
<item
android:id="@+id/menu_search"
android:title="搜索"
android:orderInCategory="100"
app:actionViewClass="android.support.v7.widget.SearchView"
app:showAsAction="always"/>
<item
android:id="@+id/scan_local_music"
android:icon="@mipmap/ic_launcher"
android:orderInCategory="100"
android:title="掃描本地音樂(lè)"
app:showAsAction="never"
/>
<item
android: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.Toolbar
android:id="@+id/toolbar"
android:background="#0000ff"
android:layout_width="match_parent"
android:layout_height="wrap_content"
app:title="我的音樂(lè)"
app:titleTextColor="@android:color/white"
/>
</LinearLayout>
5.4 SearchView在NextActivity中代碼
這里需要注意的有兩點(diǎn)：
- SearchView對(duì)象是通過(guò)重寫AppCompatActivity的onCreateOptionsMenu(Menu menu)方法實(shí)現(xiàn)的
- 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;
@Override
protected 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(){
}
@Override
public boolean onCreateOptionsMenu(Menu menu) {
getMenuInflater().inflate(R.menu.search_view, menu);
MenuItem searchItem = menu.findItem(R.id.menu_search);
//通過(guò)MenuItem得到SearchView
mSearchView = (SearchView) MenuItemCompat.getActionView(searchItem);
//設(shè)置最大寬度
// mSearchView.setMaxWidth();
//設(shè)置是否顯示搜索框展開時(shí)的提交按鈕
mSearchView.setSubmitButtonEnabled(true);
//設(shè)置輸入框提示語(yǔ)
mSearchView.setQueryHint("hint");
//SearchView設(shè)置監(jiān)聽
setMenuListener();
return super.onCreateOptionsMenu(menu);
}
/**SearchView設(shè)置監(jiān)聽**/
private void setMenuListener(){
//搜索框展開時(shí)后面叉叉按鈕的點(diǎn)擊事件
mSearchView.setOnCloseListener(new SearchView.OnCloseListener() {
@Override
public boolean onClose() {
Toast.makeText(NextActivity.this, "Close", Toast.LENGTH_SHORT).show();
return false;
}
});
//搜索圖標(biāo)按鈕(打開搜索框的按鈕)的點(diǎn)擊事件
mSearchView.setOnSearchClickListener(new View.OnClickListener() {
@Override
public void onClick(View v) {
Toast.makeText(NextActivity.this, "Open", Toast.LENGTH_SHORT).show();
}
});
//搜索框文字變化監(jiān)聽
mSearchView.setOnQueryTextListener(new SearchView.OnQueryTextListener() {
@Override
public boolean onQueryTextSubmit(String s) {
LogUtil.e(NextActivity.class, "TextSubmit : " + s);
return false;
}
@Override
public boolean onQueryTextChange(String s) {
LogUtil.e(NextActivity.class, "TextChange --> " + s);
return false;
}
});
}
}
至于SearchView的基本屬性介紹前面幾點(diǎn)已經(jīng)講過(guò)了，這里就不重復(fù)了腻窒。
六.SearchView在點(diǎn)擊搜索之后會(huì)彈出軟鍵盤的問(wèn)題
在輸入關(guān)鍵字點(diǎn)擊搜索后昵宇，仍會(huì)彈出軟鍵盤的問(wèn)題可以這樣解決
@Override
public boolean onQueryTextSubmit(String query) {
...
updateItems();
searchView.setQuery("", false);
searchView.clearFocus(); //可以收起鍵盤
searchView.onActionViewCollapsed(); //可以收起SearchView視圖
//searchItem.collapseActionView();
/*searchItem來(lái)自：
MenuItem searchItem=menu.findItem(R.id.menu_item_search);
SearchView searchView=(SearchView) searchItem.getActionView();*/
//searchItem.setVisible(false); //這個(gè)會(huì)直接使SearchView不見(jiàn)
return true;
}
七.SearchView使用的效果圖
5.gif
