Android自定義搜索組件

前言

本篇比較簡單,只是一個(gè)搜索組件簡單的封裝

實(shí)現(xiàn)

Java代碼如下:

package com.floruit.cxy.view.widget;

import android.app.Activity;
import android.content.Context;
import android.text.Editable;
import android.text.TextUtils;
import android.text.TextWatcher;
import android.util.AttributeSet;
import android.view.KeyEvent;
import android.view.LayoutInflater;
import android.view.View;
import android.view.inputmethod.InputMethodManager;
import android.widget.EditText;
import android.widget.ImageView;
import android.widget.LinearLayout;

import androidx.annotation.Nullable;

import com.floruit.cxy.R;

import static android.content.Context.INPUT_METHOD_SERVICE;

/**
 * 搜索組件
 */
public class SearchView extends LinearLayout {

    private String hint = "請輸入關(guān)鍵詞";
    private EditText et_input;
    private ImageView iv_del;

    private SearchChangeListener searchChangeListener;

    public SearchView(Context context) {
        super(context);
        initView(context,null);
    }

    public SearchView(Context context, @Nullable AttributeSet attrs) {
        super(context, attrs);
        initView(context,attrs);
    }

    public SearchView(Context context, @Nullable AttributeSet attrs, int defStyleAttr) {
        super(context, attrs, defStyleAttr);
        initView(context,attrs);
    }

    public void setSearchListener(SearchChangeListener searchListener){
        this.searchChangeListener = searchListener;
    }

    public void setSearchText(String searchText){
        if(TextUtils.isEmpty(searchText)) return;
        et_input.setText(searchText);
        et_input.setSelection(searchText.length());
    }

    private void initView(Context context, AttributeSet attrs) {
        View view = LayoutInflater.from(context).inflate(R.layout.layout_search_view,this,true);
        et_input = view.findViewById(R.id.et_input);
        iv_del = view.findViewById(R.id.iv_del);
        setListener();
    }

    private void setListener() {
        et_input.setOnKeyListener(new View.OnKeyListener() {//點(diǎn)擊搜索按鈕監(jiān)聽事件
            @Override
            public boolean onKey(View v, int keyCode, KeyEvent event) {
                //是否是回車鍵
                if (keyCode == KeyEvent.KEYCODE_ENTER && event.getAction() == KeyEvent.ACTION_DOWN) {
                    //隱藏鍵盤
                    ((InputMethodManager) getContext().getSystemService(INPUT_METHOD_SERVICE))
                            .hideSoftInputFromWindow(((Activity)getContext()).getCurrentFocus().getWindowToken(), InputMethodManager.HIDE_NOT_ALWAYS);
                    et_input.clearFocus();
                    //搜索
                    if(searchChangeListener != null){
                        searchChangeListener.onSearchChanged(et_input.getText().toString().trim());
                    }
                }
                return false;
            }
        });

        et_input.addTextChangedListener(new TextWatcher() {
            @Override
            public void beforeTextChanged(CharSequence s, int start, int count, int after) {

            }

            @Override
            public void onTextChanged(CharSequence s, int start, int before, int count) {
                if(searchChangeListener != null){
                    searchChangeListener.onTextChanged(s.toString().trim());
                }
            }

            @Override
            public void afterTextChanged(Editable s) {
                if (!TextUtils.isEmpty(s.toString().trim())) {
                    iv_del.setVisibility(View.VISIBLE);
                } else {
                    iv_del.setVisibility(View.GONE);
                }
            }
        });

        iv_del.setOnClickListener(new OnClickListener() {
            @Override
            public void onClick(View v) {
                et_input.setText("");
            }
        });
    }

    public interface SearchChangeListener{

        void onSearchChanged(String keyWord);

        void onTextChanged(String keyWord);

    }

}

布局文件如下:

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout android:id="@+id/ll_search"
    android:layout_width="match_parent"
    android:layout_height="31dp"
    android:layout_below="@+id/ll_simple_info"
    android:background="@drawable/white_search_bg"
    android:orientation="horizontal"
    xmlns:android="http://schemas.android.com/apk/res/android">
    <ImageView
        android:layout_width="16dp"
        android:layout_height="16dp"
        android:layout_gravity="center_vertical"
        android:layout_marginStart="12dp"
        android:layout_marginEnd="4dp"
        android:src="@mipmap/search_icon"/>
    <EditText
        android:id="@+id/et_input"
        android:layout_width="0dp"
        android:layout_weight="1"
        android:layout_height="30dp"
        android:layout_marginEnd="15dp"
        android:layout_gravity="center_vertical"
        android:hint="請輸入關(guān)鍵詞"
        android:textColorHint="@color/search_hint"
        android:textSize="14sp"
        android:textColor="@color/black_2a"
        android:background="@color/white"
        android:gravity="start|center_vertical"
        android:imeOptions="actionSearch"
        android:singleLine="true"/>
    <ImageView
        android:id="@+id/iv_del"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_gravity="center_vertical"
        android:src="@mipmap/search_close"
        android:layout_marginEnd="@dimen/dp_10"
        android:visibility="gone"/>
</LinearLayout>

其實(shí)很多組件的封裝并不復(fù)雜,就是一個(gè)封裝的思想晰房,讓項(xiàng)目中使用起來方便,可復(fù)用峰鄙,業(yè)務(wù)邏輯清晰,易維護(hù)太雨。

當(dāng)然也有很多酷炫難度較高的自定義控件吟榴,這個(gè)是需要很多技術(shù)技巧的,慢慢學(xué)習(xí)和積累也是可以做到的囊扳。

?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
  • 序言:七十年代末吩翻,一起剝皮案震驚了整個(gè)濱河市,隨后出現(xiàn)的幾起案子锥咸,更是在濱河造成了極大的恐慌狭瞎,老刑警劉巖,帶你破解...
    沈念sama閱讀 219,490評論 6 508
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件搏予,死亡現(xiàn)場離奇詭異熊锭,居然都是意外死亡,警方通過查閱死者的電腦和手機(jī)缔刹,發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 93,581評論 3 395
  • 文/潘曉璐 我一進(jìn)店門球涛,熙熙樓的掌柜王于貴愁眉苦臉地迎上來,“玉大人校镐,你說我怎么就攤上這事亿扁。” “怎么了鸟廓?”我有些...
    開封第一講書人閱讀 165,830評論 0 356
  • 文/不壞的土叔 我叫張陵从祝,是天一觀的道長。 經(jīng)常有香客問我引谜,道長牍陌,這世上最難降的妖魔是什么? 我笑而不...
    開封第一講書人閱讀 58,957評論 1 295
  • 正文 為了忘掉前任员咽,我火速辦了婚禮毒涧,結(jié)果婚禮上,老公的妹妹穿的比我還像新娘贝室。我一直安慰自己契讲,他們只是感情好,可當(dāng)我...
    茶點(diǎn)故事閱讀 67,974評論 6 393
  • 文/花漫 我一把揭開白布滑频。 她就那樣靜靜地躺著捡偏,像睡著了一般。 火紅的嫁衣襯著肌膚如雪峡迷。 梳的紋絲不亂的頭發(fā)上银伟,一...
    開封第一講書人閱讀 51,754評論 1 307
  • 那天,我揣著相機(jī)與錄音,去河邊找鬼彤避。 笑死傅物,一個(gè)胖子當(dāng)著我的面吹牛,可吹牛的內(nèi)容都是我干的忠藤。 我是一名探鬼主播挟伙,決...
    沈念sama閱讀 40,464評論 3 420
  • 文/蒼蘭香墨 我猛地睜開眼,長吁一口氣:“原來是場噩夢啊……” “哼模孩!你這毒婦竟也來了尖阔?” 一聲冷哼從身側(cè)響起,我...
    開封第一講書人閱讀 39,357評論 0 276
  • 序言:老撾萬榮一對情侶失蹤榨咐,失蹤者是張志新(化名)和其女友劉穎介却,沒想到半個(gè)月后,有當(dāng)?shù)厝嗽跇淞掷锇l(fā)現(xiàn)了一具尸體块茁,經(jīng)...
    沈念sama閱讀 45,847評論 1 317
  • 正文 獨(dú)居荒郊野嶺守林人離奇死亡齿坷,尸身上長有42處帶血的膿包…… 初始之章·張勛 以下內(nèi)容為張勛視角 年9月15日...
    茶點(diǎn)故事閱讀 37,995評論 3 338
  • 正文 我和宋清朗相戀三年,在試婚紗的時(shí)候發(fā)現(xiàn)自己被綠了数焊。 大學(xué)時(shí)的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片永淌。...
    茶點(diǎn)故事閱讀 40,137評論 1 351
  • 序言:一個(gè)原本活蹦亂跳的男人離奇死亡,死狀恐怖佩耳,靈堂內(nèi)的尸體忽然破棺而出遂蛀,到底是詐尸還是另有隱情,我是刑警寧澤干厚,帶...
    沈念sama閱讀 35,819評論 5 346
  • 正文 年R本政府宣布李滴,位于F島的核電站,受9級特大地震影響蛮瞄,放射性物質(zhì)發(fā)生泄漏所坯。R本人自食惡果不足惜,卻給世界環(huán)境...
    茶點(diǎn)故事閱讀 41,482評論 3 331
  • 文/蒙蒙 一挂捅、第九天 我趴在偏房一處隱蔽的房頂上張望芹助。 院中可真熱鬧,春花似錦闲先、人聲如沸周瞎。這莊子的主人今日做“春日...
    開封第一講書人閱讀 32,023評論 0 22
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽。三九已至酱讶,卻和暖如春退盯,著一層夾襖步出監(jiān)牢的瞬間,已是汗流浹背。 一陣腳步聲響...
    開封第一講書人閱讀 33,149評論 1 272
  • 我被黑心中介騙來泰國打工渊迁, 沒想到剛下飛機(jī)就差點(diǎn)兒被人妖公主榨干…… 1. 我叫王不留慰照,地道東北人。 一個(gè)月前我還...
    沈念sama閱讀 48,409評論 3 373
  • 正文 我出身青樓琉朽,卻偏偏與公主長得像毒租,于是被迫代替她去往敵國和親。 傳聞我的和親對象是個(gè)殘疾皇子箱叁,可洞房花燭夜當(dāng)晚...
    茶點(diǎn)故事閱讀 45,086評論 2 355

推薦閱讀更多精彩內(nèi)容