Android搜索关键字高亮显示
生活随笔
收集整理的這篇文章主要介紹了
Android搜索关键字高亮显示
小編覺得挺不錯的,現在分享給大家,幫大家做個參考.
需求分析:根據搜索的關鍵字,讓關鍵字在查詢到的內容里高亮顯示出來。
先給大家看一下效果圖:
這里也分享一下Demo源代碼的下載地址:
https://download.csdn.net/download/qq15577969/10669001
一、首先從網上找了個文字變色的工具類 KeyWordUtil.java
package com.t20.searchdemo.util;import java.util.regex.Matcher; import java.util.regex.Pattern;import android.text.SpannableString; import android.text.Spanned; import android.text.TextUtils; import android.text.style.ForegroundColorSpan;/*** 文字變色工具類*/ public class KeyWordUtil {/*** 關鍵字高亮變色* * @param color 變化的色值* @param text 文字* @param keyword 文字中的關鍵字* @return 結果SpannableString*/public static SpannableString matcherSearchTitle(int color, String text, String keyword) {SpannableString s = new SpannableString(text);keyword=escapeExprSpecialWord(keyword);text=escapeExprSpecialWord(text);if (text.contains(keyword)&&!TextUtils.isEmpty(keyword)){try {Pattern p = Pattern.compile(keyword);Matcher m = p.matcher(s);while (m.find()) {int start = m.start();int end = m.end();s.setSpan(new ForegroundColorSpan(color), start, end, Spanned.SPAN_EXCLUSIVE_EXCLUSIVE);}}catch (Exception e){}}return s;}/*** 轉義正則特殊字符 ($()*+.[]?\^{},|)** @param keyword* @return keyword*/public static String escapeExprSpecialWord(String keyword) {if (!TextUtils.isEmpty(keyword)) {String[] fbsArr = { "\\", "$", "(", ")", "*", "+", ".", "[", "]", "?", "^", "{", "}", "|" };for (String key : fbsArr) {if (keyword.contains(key)) {keyword = keyword.replace(key, "\\" + key);}}}return keyword;} }二、另外重寫了一個帶有刪除功能的EditText輸入框?ClearEditText.java
package com.t20.searchdemo.view;import com.t20.searchdemo.R;import android.content.Context; import android.graphics.Canvas; import android.graphics.drawable.Drawable; import android.text.Editable; import android.text.InputType; import android.text.Selection; import android.text.Spannable; import android.text.TextWatcher; import android.text.method.HideReturnsTransformationMethod; import android.text.method.PasswordTransformationMethod; import android.util.AttributeSet; import android.view.MotionEvent; import android.view.View; import android.view.View.OnFocusChangeListener; import android.view.animation.Animation; import android.view.animation.CycleInterpolator; import android.view.animation.TranslateAnimation; import android.widget.EditText; import android.widget.Toast;public class ClearEditText extends EditText implements OnFocusChangeListener, TextWatcher {/*** 刪除按鈕的引用*/private Drawable mClearDrawable; /*** 控件是否有焦點*/private boolean hasFoucs;private boolean isShow = false;public ClearEditText(Context context) { this(context, null); } public ClearEditText(Context context, AttributeSet attrs) { //這里構造方法也很重要,不加這個很多屬性不能再XML里面定義this(context, attrs, android.R.attr.editTextStyle); } public ClearEditText(Context context, AttributeSet attrs, int defStyle) {super(context, attrs, defStyle);init();}private void init() { //獲取EditText的DrawableRight,假如沒有設置我們就使用默認的圖片,getCompoundDrawables()獲取Drawable的四個位置的數組mClearDrawable = getCompoundDrawables()[2]; if (mClearDrawable == null) {mClearDrawable = getResources().getDrawable(R.drawable.icon_del); // throw new NullPointerException("You can add drawableRight attribute in XML");} //設置圖標的位置以及大小,getIntrinsicWidth()獲取顯示出來的大小而不是原圖片的帶小mClearDrawable.setBounds(0, 0, mClearDrawable.getIntrinsicWidth(), mClearDrawable.getIntrinsicHeight()); //默認設置隱藏圖標setClearIconVisible(false); //設置焦點改變的監聽setOnFocusChangeListener(this); //設置輸入框里面內容發生改變的監聽addTextChangedListener(this); } /*** 因為我們不能直接給EditText設置點擊事件,所以我們用記住我們按下的位置來模擬點擊事件* 當我們按下的位置 在 EditText的寬度 - 圖標到控件右邊的間距 - 圖標的寬度 和* EditText的寬度 - 圖標到控件右邊的間距之間我們就算點擊了圖標,豎直方向就沒有考慮*/@Override public boolean onTouchEvent(MotionEvent event) {if (event.getAction() == MotionEvent.ACTION_UP) {if (getCompoundDrawables()[2] != null) {//getTotalPaddingRight()圖標左邊緣至控件右邊緣的距離//getWidth() - getTotalPaddingRight()表示從最左邊到圖標左邊緣的位置//getWidth() - getPaddingRight()表示最左邊到圖標右邊緣的位置boolean touchable = event.getX() > (getWidth() - getTotalPaddingRight())&& (event.getX() < ((getWidth() - getPaddingRight())));if (touchable) {this.setText("");}} // if(getCompoundDrawables()[0] != null){ // boolean touchLeft = event.getX()>0 && event.getX()<getCompoundDrawables()[0].getIntrinsicWidth(); // if(touchLeft){ // if(isShow==false){ // isShow = true; // //設置為可見 // this.setTransformationMethod(HideReturnsTransformationMethod.getInstance()); // }else{ // isShow = false; // //設置為密碼模式 // this.setTransformationMethod(PasswordTransformationMethod.getInstance()); // } // } // }}return super.onTouchEvent(event);}/*** 當ClearEditText焦點發生變化的時候,判斷里面字符串長度設置清除圖標的顯示與隱藏*/@Override public void onFocusChange(View v, boolean hasFocus) { this.hasFoucs = hasFocus;if (hasFocus) { setClearIconVisible(getText().length() > 0); } else { setClearIconVisible(false); } } /*** 設置清除圖標的顯示與隱藏,調用setCompoundDrawables為EditText繪制上去* @param visible*/protected void setClearIconVisible(boolean visible) { Drawable right = visible ? mClearDrawable : null; setCompoundDrawables(getCompoundDrawables()[0], getCompoundDrawables()[1], right, getCompoundDrawables()[3]); }/*** 當輸入框里面內容發生變化的時候回調的方法*/@Override public void onTextChanged(CharSequence s, int start, int count, int after) { if(hasFoucs){setClearIconVisible(s.length() > 0);}} @Override public void beforeTextChanged(CharSequence s, int start, int count, int after) { } @Override public void afterTextChanged(Editable s) { } /*** 設置晃動動畫*/public void setShakeAnimation(){this.startAnimation(shakeAnimation(5));}/*** 晃動動畫* @param counts 1秒鐘晃動多少下* @return*/public static Animation shakeAnimation(int counts){Animation translateAnimation = new TranslateAnimation(0, 10, 0, 0);translateAnimation.setInterpolator(new CycleInterpolator(counts));translateAnimation.setDuration(1000);return translateAnimation;} }三、activity_main.xml 布局
<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"android:background="#fff"android:orientation="vertical"tools:context=".MainActivity" ><LinearLayoutandroid:layout_width="match_parent"android:layout_height="wrap_content"android:background="#F0F0F0"android:orientation="horizontal"android:padding="5dp" ><Buttonandroid:id="@+id/search_btn_2wm"android:layout_width="32dp"android:layout_height="32dp"android:alpha="0.7"android:background="@drawable/icon_qrcode" /><com.t20.searchdemo.view.ClearEditTextandroid:id="@+id/search_editText_searchContent"android:layout_width="0dp"android:layout_height="wrap_content"android:layout_weight="1"android:background="#fff"android:drawableLeft="@drawable/icon_search"android:drawablePadding="5dp"android:ems="10"android:hint="輸入要搜索的ID或名稱"android:maxLines="1"android:padding="5dp"android:textColor="#ff9314"android:textSize="13sp" ></com.t20.searchdemo.view.ClearEditText><FrameLayoutandroid:layout_width="wrap_content"android:layout_height="wrap_content"android:layout_gravity="center"android:layout_marginLeft="5dp" ><Buttonandroid:id="@+id/search_btn_back"android:layout_width="30dp"android:layout_height="35dp"android:alpha="0.7"android:background="@drawable/icon_right_back" /><TextViewandroid:id="@+id/search_tv_search"android:layout_width="wrap_content"android:layout_height="wrap_content"android:layout_gravity="center"android:text="搜索"android:textColor="#FF9316"android:textSize="13sp"android:visibility="gone" /></FrameLayout></LinearLayout><ListViewandroid:id="@+id/search_listView_search_result"android:layout_width="match_parent"android:layout_height="wrap_content" ></ListView></LinearLayout>search_listview_item.xml 布局,這個是ListView的子項布局
<?xml version="1.0" encoding="utf-8"?> <LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"android:layout_width="match_parent"android:layout_height="match_parent"android:padding="5dp"android:orientation="horizontal" ><ImageViewandroid:id="@+id/search_listView_item_iv_userHeadPic"android:layout_width="30dp"android:layout_height="30dp" android:src="@drawable/head_default" /><TextViewandroid:id="@+id/search_listView_item_tv_userNumber"android:layout_width="wrap_content"android:layout_height="30dp"android:layout_marginLeft="20dp"android:textSize="16sp"android:gravity="center"android:textColor="#666"android:text="123456" /><TextViewandroid:id="@+id/search_listView_item_tv_userNick"android:layout_width="wrap_content"android:layout_height="30dp"android:layout_marginLeft="20dp"android:textSize="16sp"android:gravity="center"android:textColor="#666"android:text="匿名用戶" /></LinearLayout>四、活動 MainActivity.ajva 的代碼如下:
package com.t20.searchdemo;import java.util.ArrayList; import java.util.List;import com.t20.searchdemo.adapter.SearchListViewAdapter;import android.os.Bundle; import android.app.Activity; import android.content.Context; import android.text.Editable; import android.text.TextUtils; import android.text.TextWatcher; import android.view.KeyEvent; import android.view.View; import android.view.Window; import android.view.View.OnClickListener; import android.view.inputmethod.EditorInfo; import android.view.inputmethod.InputMethodManager; import android.widget.Button; import android.widget.EditText; import android.widget.ListView; import android.widget.TextView; import android.widget.TextView.OnEditorActionListener;public class MainActivity extends Activity implements OnClickListener {//返回按鈕(關閉)private Button mButtonBack;//輸入框private EditText mEditTextSearchContent;//搜索按鈕private TextView mTextViewSearch;//用戶輸入的搜索內容private String searchContent;//顯示搜索內容的ListViewprivate ListView mListViewSearchResult;//用戶集合private List<User> mUserList;//ListView的適配器private SearchListViewAdapter mSearchListViewAdapter;@Overrideprotected void onCreate(Bundle savedInstanceState) {super.onCreate(savedInstanceState);// 1、隱藏標題欄,在加載布局之前設置(兼容Android2.3.3版本)requestWindowFeature(Window.FEATURE_NO_TITLE);// 2、隱藏狀態欄//getWindow().setFlags(WindowManager.LayoutParams.FLAG_FULLSCREEN,WindowManager.LayoutParams.FLAG_FULLSCREEN); setContentView(R.layout.activity_main);initView();initEvent();}private void initEvent() {// TODO Auto-generated method stub點擊輸入法軟鍵盤回車鍵時,也可以直接查詢mEditTextSearchContent.setOnEditorActionListener(new OnEditorActionListener() {@Overridepublic boolean onEditorAction(TextView v, int actionId, KeyEvent event) {if (!TextUtils.isEmpty(mEditTextSearchContent.getText())) {// 保持光標在輸入框最后mEditTextSearchContent.setSelection(mEditTextSearchContent.getText().length());}//當actionId == XX_SEND 或者 XX_DONE時都觸發//或者event.getKeyCode == ENTER 且 event.getAction == ACTION_DOWN時也觸發//注意,這是一定要判斷event != null。因為在某些輸入法上會返回null。if (actionId == EditorInfo.IME_ACTION_SEND|| actionId == EditorInfo.IME_ACTION_DONE|| (event != null && KeyEvent.KEYCODE_ENTER == event.getKeyCode() && KeyEvent.ACTION_DOWN == event.getAction())) {//點擊輸入法軟鍵盤回車鍵時,進行查詢search();}return true;//為true表示自己消費該事件}});}private void initView() {// TODO Auto-generated method stubmButtonBack=(Button) findViewById(R.id.search_btn_back);mEditTextSearchContent=(EditText) findViewById(R.id.search_editText_searchContent);mTextViewSearch=(TextView) findViewById(R.id.search_tv_search);mListViewSearchResult=(ListView) findViewById(R.id.search_listView_search_result);//設置監聽mButtonBack.setOnClickListener(this);mTextViewSearch.setOnClickListener(this);mEditTextSearchContent.setOnClickListener(this);mEditTextSearchContent.addTextChangedListener(textWatcher);}private TextWatcher textWatcher=new TextWatcher() {@Overridepublic void onTextChanged(CharSequence arg0, int arg1, int arg2, int arg3) {// TODO Auto-generated method stub}@Overridepublic void beforeTextChanged(CharSequence arg0, int arg1, int arg2,int arg3) {// TODO Auto-generated method stub}@Overridepublic void afterTextChanged(Editable editable) {// TODO Auto-generated method stub//獲取輸入框內容String content=mEditTextSearchContent.getText().toString();//輸入框內容為空時,顯示返回按鈕,隱藏搜索按鈕if(content.isEmpty()){mTextViewSearch.setVisibility(View.GONE);mButtonBack.setVisibility(View.VISIBLE);mListViewSearchResult.setVisibility(View.GONE);}else{mTextViewSearch.setVisibility(View.VISIBLE);mButtonBack.setVisibility(View.GONE);mListViewSearchResult.setVisibility(View.VISIBLE);}}};@Overridepublic void onClick(View view) {// TODO Auto-generated method stubswitch (view.getId()) {//點擊搜索框case R.id.search_editText_searchContent:mEditTextSearchContent.setFocusable(true);mEditTextSearchContent.setFocusableInTouchMode(true);mEditTextSearchContent.requestFocus(); InputMethodManager imm=(InputMethodManager) getSystemService(Context.INPUT_METHOD_SERVICE);imm.showSoftInput(mEditTextSearchContent, 0);break;//關閉按鈕case R.id.search_btn_back:finish();break;//點擊搜索 case R.id.search_tv_search:search();break;}}/*** 搜索數據*/private void search() {// TODO Auto-generated method stub//獲取用戶搜索的內容searchContent=mEditTextSearchContent.getText().toString();//初始化一些數據(實際開發中,是去數據庫中讀取)mUserList=new ArrayList<MainActivity.User>();User u1=new User(1, "4346546", "張三");User u2=new User(1, "3346565", "李四");User u3=new User(1, "6865879", "王五");User u4=new User(1, "5745786", "趙六");mUserList.add(u1);mUserList.add(u2);mUserList.add(u3);mUserList.add(u4);//設置適配器mSearchListViewAdapter=new SearchListViewAdapter(MainActivity.this, mUserList, searchContent);mListViewSearchResult.setAdapter(mSearchListViewAdapter);}/*** 自定義一個用戶類*/public class User {Integer id; //IdString number;//賬號String nick; //昵稱public Integer getId() {return id;}public void setId(Integer id) {this.id = id;}public String getNumber() {return number;}public void setNumber(String number) {this.number = number;}public String getNick() {return nick;}public void setNick(String nick) {this.nick = nick;}public User() {super();}public User(Integer id, String number, String nick) {super();this.id = id;this.number = number;this.nick = nick;}} }五、自定義的 SearchListViewAdapter.java 適配器
package com.t20.searchdemo.adapter;import java.util.List;import com.t20.searchdemo.MainActivity.User; import com.t20.searchdemo.R; import com.t20.searchdemo.util.KeyWordUtil;import android.content.Context; import android.graphics.Color; import android.text.SpannableString; import android.view.LayoutInflater; import android.view.View; import android.view.ViewGroup; import android.widget.BaseAdapter; import android.widget.TextView;public class SearchListViewAdapter extends BaseAdapter {private Context context;private List<User> mUserList; private String searchContent;//用戶搜索的內容public SearchListViewAdapter(Context context,List<User> mUserList, String searchContent) {super();this.context = context;this.mUserList = mUserList;this.searchContent = searchContent;}public void setSearchContent(String searchContent) {this.searchContent = searchContent;}@Overridepublic int getCount() {// TODO Auto-generated method stubreturn mUserList.size();}@Overridepublic Object getItem(int arg0) {// TODO Auto-generated method stubreturn null;}@Overridepublic long getItemId(int arg0) {// TODO Auto-generated method stubreturn 0;}@Overridepublic View getView(int position, View convertView, ViewGroup parent) {// TODO Auto-generated method stub//獲得對象User user=mUserList.get(position);//加載布局View view;ViewHolder viewHolder;if(convertView==null){view=LayoutInflater.from(context).inflate(R.layout.search_listview_item,null);viewHolder=new ViewHolder();//獲取控件viewHolder.textViewNumber=(TextView) view.findViewById(R.id.search_listView_item_tv_userNumber);viewHolder.textViewNick=(TextView) view.findViewById(R.id.search_listView_item_tv_userNick);//將ViewHolder存儲在View中view.setTag(viewHolder);}else{view=convertView;//重新獲取ViewHolderviewHolder=(ViewHolder) view.getTag(); }//設置控件的值//搜索高亮顯示if(user.getNumber()!=null&&user.getNumber().length()>0){SpannableString number=KeyWordUtil.matcherSearchTitle(Color.parseColor("#ff9314"), user.getNumber()+"", searchContent); viewHolder.textViewNumber.setText(number);}if(user.getNick()!=null&&user.getNick().length()>0){SpannableString nick=KeyWordUtil.matcherSearchTitle(Color.parseColor("#ff9314"), user.getNick(), searchContent);viewHolder.textViewNick.setText(nick);} return view;}class ViewHolder{TextView textViewNumber;TextView textViewNick;}}?
總結
以上是生活随笔為你收集整理的Android搜索关键字高亮显示的全部內容,希望文章能夠幫你解決所遇到的問題。
- 上一篇: 禅道学习笔记
- 下一篇: BZOJ 4808: 马(二分图最大点独