Android自定義View實(shí)現(xiàn)搜索框（SearchView）功能

<?xml version="1.0" encoding="utf-8"?> 
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android" 
       android:background="#eee" 
       android:layout_width="match_parent" 
       android:layout_height="wrap_content" 
       android:orientation="vertical"> 
 
  <LinearLayout 
    android:background="#eb4f38" 
    android:layout_width="match_parent" 
    android:layout_height="wrap_content" 
    android:orientation="horizontal"> 
 
 
    <FrameLayout 
 
      android:layout_weight="1" 
      android:layout_width="0dp" 
      android:layout_height="wrap_content"> 
 
      <EditText 
        android:id="@+id/search_et_input" 
        android:layout_gravity="center_vertical" 
        android:layout_margin="10dp" 
        android:drawableLeft="@drawable/search_icon" 
        android:drawablePadding="5dp" 
        android:layout_width="match_parent" 
        android:layout_height="wrap_content" 
        android:background="@drawable/search_edittext_shape" 
        android:textSize="16sp" 
        android:imeOptions="actionSearch" 
        android:inputType="text" 
        android:hint="請輸入關(guān)鍵字"/> 
 
      <ImageView 
        android:visibility="gone" 
        android:layout_marginRight="20dp" 
        android:src="@drawable/iv_delete_bg" 
        android:id="@+id/search_iv_delete" 
        android:layout_gravity="right|center_vertical" 
        android:layout_width="wrap_content" 
        android:layout_height="wrap_content"/> 
    </FrameLayout> 
 
    <Button 
      android:id="@+id/search_btn_back" 
      android:layout_marginRight="10dp" 
      android:layout_marginTop="10dp" 
      android:layout_marginBottom="10dp" 
      android:layout_gravity="center_vertical" 
      android:background="@drawable/btn_search_bg" 
      android:layout_width="@dimen/btn_width" 
      android:layout_height="@dimen/btn_height" 
      android:text="返回" 
      android:textColor="@color/color_white"/> 
  </LinearLayout> 
 
  <ListView 
    android:visibility="gone" 
    android:id="@+id/search_lv_tips" 
    android:background="@drawable/lv_search_tips_bg" 
    android:layout_marginLeft="20dp" 
    android:layout_marginRight="20dp" 
    android:layout_marginBottom="10dp" 
    android:layout_width="match_parent" 
    android:layout_height="200dp"> 
  </ListView> 
</LinearLayout> 

public class Bean { 
 
  private int iconId; 
  private String title; 
  private String content; 
  private String comments; 
 
  public Bean(int iconId, String title, String content, String comments) { 
    this.iconId = iconId; 
    this.title = title; 
    this.content = content; 
    this.comments = comments; 
  } 
 
  public int getIconId() { 
    return iconId; 
  } 
 
  public void setIconId(int iconId) { 
    this.iconId = iconId; 
  } 
 
  public String getTitle() { 
    return title; 
  } 
 
  public void setTitle(String title) { 
    this.title = title; 
  } 
 
  public String getContent() { 
    return content; 
  } 
 
  public void setContent(String content) { 
    this.content = content; 
  } 
 
  public String getComments() { 
    return comments; 
  } 
 
  public void setComments(String comments) { 
    this.comments = comments; 
  } 
} 

public class SearchView extends LinearLayout implements View.OnClickListener { 
 
  /** 
   * 輸入框 
   */ 
  private EditText etInput; 
 
  /** 
   * 刪除鍵 
   */ 
  private ImageView ivDelete; 
 
  /** 
   * 返回按鈕 
   */ 
  private Button btnBack; 
 
  /** 
   * 上下文對象 
   */ 
  private Context mContext; 
 
  /** 
   * 彈出列表 
   */ 
  private ListView lvTips; 
 
  /** 
   * 提示adapter （推薦adapter） 
   */ 
  private ArrayAdapter<String> mHintAdapter; 
 
  /** 
   * 自動(dòng)補(bǔ)全adapter 只顯示名字 
   */ 
  private ArrayAdapter<String> mAutoCompleteAdapter; 
 
  /** 
   * 搜索回調(diào)接口 
   */ 
  private SearchViewListener mListener; 
 
  /** 
   * 設(shè)置搜索回調(diào)接口 
   * 
   * @param listener 監(jiān)聽者 
   */ 
  public void setSearchViewListener(SearchViewListener listener) { 
    mListener = listener; 
  } 
 
  public SearchView(Context context, AttributeSet attrs) { 
    super(context, attrs); 
    mContext = context; 
    LayoutInflater.from(context).inflate(R.layout.search_layout, this); 
    initViews(); 
  } 
 
  private void initViews() { 
    etInput = (EditText) findViewById(R.id.search_et_input); 
    ivDelete = (ImageView) findViewById(R.id.search_iv_delete); 
    btnBack = (Button) findViewById(R.id.search_btn_back); 
    lvTips = (ListView) findViewById(R.id.search_lv_tips); 
 
    lvTips.setOnItemClickListener(new AdapterView.OnItemClickListener() { 
      @Override 
      public void onItemClick(AdapterView<?> adapterView, View view, int i, long l) { 
        //set edit text 
        String text = lvTips.getAdapter().getItem(i).toString(); 
        etInput.setText(text); 
        etInput.setSelection(text.length()); 
        //hint list view gone and result list view show 
        lvTips.setVisibility(View.GONE); 
        notifyStartSearching(text); 
      } 
    }); 
 
    ivDelete.setOnClickListener(this); 
    btnBack.setOnClickListener(this); 
 
    etInput.addTextChangedListener(new EditChangedListener()); 
    etInput.setOnClickListener(this); 
    etInput.setOnEditorActionListener(new TextView.OnEditorActionListener() { 
      @Override 
      public boolean onEditorAction(TextView textView, int actionId, KeyEvent keyEvent) { 
        if (actionId == EditorInfo.IME_ACTION_SEARCH) { 
          lvTips.setVisibility(GONE); 
          notifyStartSearching(etInput.getText().toString()); 
        } 
        return true; 
      } 
    }); 
  } 
 
  /** 
   * 通知監(jiān)聽者 進(jìn)行搜索操作 
   * @param text 
   */ 
  private void notifyStartSearching(String text){ 
    if (mListener != null) { 
      mListener.onSearch(etInput.getText().toString()); 
    } 
    //隱藏軟鍵盤 
    InputMethodManager imm = (InputMethodManager) mContext.getSystemService(Context.INPUT_METHOD_SERVICE); 
    imm.toggleSoftInput(0, InputMethodManager.HIDE_NOT_ALWAYS); 
  } 
 
  /** 
   * 設(shè)置熱搜版提示 adapter 
   */ 
  public void setTipsHintAdapter(ArrayAdapter<String> adapter) { 
    this.mHintAdapter = adapter; 
    if (lvTips.getAdapter() == null) { 
      lvTips.setAdapter(mHintAdapter); 
    } 
  } 
 
  /** 
   * 設(shè)置自動(dòng)補(bǔ)全adapter 
   */ 
  public void setAutoCompleteAdapter(ArrayAdapter<String> adapter) { 
    this.mAutoCompleteAdapter = adapter; 
  } 
 
  private class EditChangedListener implements TextWatcher { 
    @Override 
    public void beforeTextChanged(CharSequence charSequence, int i, int i2, int i3) { 
 
    } 
 
    @Override 
    public void onTextChanged(CharSequence charSequence, int i, int i2, int i3) { 
      if (!"".equals(charSequence.toString())) { 
        ivDelete.setVisibility(VISIBLE); 
        lvTips.setVisibility(VISIBLE); 
        if (mAutoCompleteAdapter != null && lvTips.getAdapter() != mAutoCompleteAdapter) { 
          lvTips.setAdapter(mAutoCompleteAdapter); 
        } 
        //更新autoComplete數(shù)據(jù) 
        if (mListener != null) { 
          mListener.onRefreshAutoComplete(charSequence + ""); 
        } 
      } else { 
        ivDelete.setVisibility(GONE); 
        if (mHintAdapter != null) { 
          lvTips.setAdapter(mHintAdapter); 
        } 
        lvTips.setVisibility(GONE); 
      } 
 
    } 
 
    @Override 
    public void afterTextChanged(Editable editable) { 
    } 
  } 
 
  @Override 
  public void onClick(View view) { 
    switch (view.getId()) { 
      case R.id.search_et_input: 
        lvTips.setVisibility(VISIBLE); 
        break; 
      case R.id.search_iv_delete: 
        etInput.setText(""); 
        ivDelete.setVisibility(GONE); 
        break; 
      case R.id.search_btn_back: 
        ((Activity) mContext).finish(); 
        break; 
    } 
  } 
 
  /** 
   * search view回調(diào)方法 
   */ 
  public interface SearchViewListener { 
 
    /** 
     * 更新自動(dòng)補(bǔ)全內(nèi)容 
     * 
     * @param text 傳入補(bǔ)全后的文本 
     */ 
    void onRefreshAutoComplete(String text); 
 
    /** 
     * 開始搜索 
     * 
     * @param text 傳入輸入框的文本 
     */ 
    void onSearch(String text); 
 
//    /** 
//     * 提示列表項(xiàng)點(diǎn)擊時(shí)回調(diào)方法 (提示/自動(dòng)補(bǔ)全) 
//     */ 
//    void onTipsItemClick(String text); 
  } 
 
} 

<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android" 
       xmlns:tools="http://schemas.android.com/tools" 
       android:layout_width="match_parent" 
       android:layout_height="match_parent" 
       tools:context=".MainActivity" 
       android:orientation="vertical"> 
 
  <com.yetwish.customsearchdemo.activity.widge.SearchView 
    android:id="@+id/main_search_layout" 
    android:layout_width="match_parent" 
    android:layout_height="wrap_content"> 
  </com.yetwish.customsearchdemo.activity.widge.SearchView> 
 
  <ListView 
    android:visibility="gone" 
    android:id="@+id/main_lv_search_results" 
    android:layout_width="match_parent" 
    android:layout_height="wrap_content"> 
 
  </ListView> 
</LinearLayout> 

public class MainActivity extends Activity implements SearchView.SearchViewListener { 
 
  /** 
   * 搜索結(jié)果列表view 
   */ 
  private ListView lvResults; 
 
  /** 
   * 搜索view 
   */ 
  private SearchView searchView; 
 
 
  /** 
   * 熱搜框列表adapter 
   */ 
  private ArrayAdapter<String> hintAdapter; 
 
  /** 
   * 自動(dòng)補(bǔ)全列表adapter 
   */ 
  private ArrayAdapter<String> autoCompleteAdapter; 
 
  /** 
   * 搜索結(jié)果列表adapter 
   */ 
  private SearchAdapter resultAdapter; 
 
  /** 
   * 數(shù)據(jù)庫數(shù)據(jù)，總數(shù)據(jù) 
   */ 
  private List<Bean> dbData; 
 
  /** 
   * 熱搜版數(shù)據(jù) 
   */ 
  private List<String> hintData; 
 
  /** 
   * 搜索過程中自動(dòng)補(bǔ)全數(shù)據(jù) 
   */ 
  private List<String> autoCompleteData; 
 
  /** 
   * 搜索結(jié)果的數(shù)據(jù) 
   */ 
  private List<Bean> resultData; 
 
  /** 
   * 默認(rèn)提示框顯示項(xiàng)的個(gè)數(shù) 
   */ 
  private static int DEFAULT_HINT_SIZE = 4; 
 
  /** 
   * 提示框顯示項(xiàng)的個(gè)數(shù) 
   */ 
  private static int hintSize = DEFAULT_HINT_SIZE; 
 
  /** 
   * 設(shè)置提示框顯示項(xiàng)的個(gè)數(shù) 
   * 
   * @param hintSize 提示框顯示個(gè)數(shù) 
   */ 
  public static void setHintSize(int hintSize) { 
    MainActivity.hintSize = hintSize; 
  } 
 
 
  @Override 
  protected void onCreate(Bundle savedInstanceState) { 
    super.onCreate(savedInstanceState); 
    requestWindowFeature(Window.FEATURE_NO_TITLE); 
    setContentView(R.layout.activity_main); 
    initData(); 
    initViews(); 
  } 
 
  /** 
   * 初始化視圖 
   */ 
  private void initViews() { 
    lvResults = (ListView) findViewById(R.id.main_lv_search_results); 
    searchView = (SearchView) findViewById(R.id.main_search_layout); 
    //設(shè)置監(jiān)聽 
    searchView.setSearchViewListener(this); 
    //設(shè)置adapter 
    searchView.setTipsHintAdapter(hintAdapter); 
    searchView.setAutoCompleteAdapter(autoCompleteAdapter); 
 
    lvResults.setOnItemClickListener(new AdapterView.OnItemClickListener() { 
      @Override 
      public void onItemClick(AdapterView<?> adapterView, View view, int position, long l) { 
        Toast.makeText(MainActivity.this, position + "", Toast.LENGTH_SHORT).show(); 
      } 
    }); 
  } 
 
  /** 
   * 初始化數(shù)據(jù) 
   */ 
  private void initData() { 
    //從數(shù)據(jù)庫獲取數(shù)據(jù) 
    getDbData(); 
    //初始化熱搜版數(shù)據(jù) 
    getHintData(); 
    //初始化自動(dòng)補(bǔ)全數(shù)據(jù) 
    getAutoCompleteData(null); 
    //初始化搜索結(jié)果數(shù)據(jù) 
    getResultData(null); 
  } 
 
  /** 
   * 獲取db 數(shù)據(jù) 
   */ 
  private void getDbData() { 
    int size = 100; 
    dbData = new ArrayList<>(size); 
    for (int i = 0; i < size; i++) { 
      dbData.add(new Bean(R.drawable.icon, "android開發(fā)必備技能" + (i + 1), "Android自定義view——自定義搜索view", i * 20 + 2 + "")); 
    } 
  } 
 
  /** 
   * 獲取熱搜版data 和adapter 
   */ 
  private void getHintData() { 
    hintData = new ArrayList<>(hintSize); 
    for (int i = 1; i <= hintSize; i++) { 
      hintData.add("熱搜版" + i + "：Android自定義View"); 
    } 
    hintAdapter = new ArrayAdapter<>(this, android.R.layout.simple_list_item_1, hintData); 
  } 
 
  /** 
   * 獲取自動(dòng)補(bǔ)全data 和adapter 
   */ 
  private void getAutoCompleteData(String text) { 
    if (autoCompleteData == null) { 
      //初始化 
      autoCompleteData = new ArrayList<>(hintSize); 
    } else { 
      // 根據(jù)text 獲取auto data 
      autoCompleteData.clear(); 
      for (int i = 0, count = 0; i < dbData.size() 
          && count < hintSize; i++) { 
        if (dbData.get(i).getTitle().contains(text.trim())) { 
          autoCompleteData.add(dbData.get(i).getTitle()); 
          count++; 
        } 
      } 
    } 
    if (autoCompleteAdapter == null) { 
      autoCompleteAdapter = new ArrayAdapter<>(this, android.R.layout.simple_list_item_1, autoCompleteData); 
    } else { 
      autoCompleteAdapter.notifyDataSetChanged(); 
    } 
  } 
 
  /** 
   * 獲取搜索結(jié)果data和adapter 
   */ 
  private void getResultData(String text) { 
    if (resultData == null) { 
      // 初始化 
      resultData = new ArrayList<>(); 
    } else { 
      resultData.clear(); 
      for (int i = 0; i < dbData.size(); i++) { 
        if (dbData.get(i).getTitle().contains(text.trim())) { 
          resultData.add(dbData.get(i)); 
        } 
      } 
    } 
    if (resultAdapter == null) { 
      resultAdapter = new SearchAdapter(this, resultData, R.layout.item_bean_list); 
    } else { 
      resultAdapter.notifyDataSetChanged(); 
    } 
  } 
 
  /** 
   * 當(dāng)搜索框 文本改變時(shí) 觸發(fā)的回調(diào) ,更新自動(dòng)補(bǔ)全數(shù)據(jù) 
   * @param text 
   */ 
  @Override 
  public void onRefreshAutoComplete(String text) { 
    //更新數(shù)據(jù) 
    getAutoCompleteData(text); 
  } 
 
  /** 
   * 點(diǎn)擊搜索鍵時(shí)edit text觸發(fā)的回調(diào) 
   * 
   * @param text 
   */ 
  @Override 
  public void onSearch(String text) { 
    //更新result數(shù)據(jù) 
    getResultData(text); 
    lvResults.setVisibility(View.VISIBLE); 
    //第一次獲取結(jié)果 還未配置適配器 
    if (lvResults.getAdapter() == null) { 
      //獲取搜索數(shù)據(jù) 設(shè)置適配器 
      lvResults.setAdapter(resultAdapter); 
    } else { 
      //更新搜索數(shù)據(jù) 
      resultAdapter.notifyDataSetChanged(); 
    } 
    Toast.makeText(this, "完成搜素", Toast.LENGTH_SHORT).show(); 
  } 
 
}