关键词搜索历史

需求

商品搜索,资讯搜索等都需要搜索历史
主要就是一个流式布局 加本地存储
以及一些操作上的优化
这里来一篇自己手写的全过程

效果

分析

1.需要一个流式布局
这里使用的是鸿洋大神写过的开源库
不怕麻烦的大家也可以自己去写一个
技术点就是计算换行
这里给出依赖
compile ‘com.hyman:flowlayout-lib:1.1.2

2.本地数据保存
这是我用的是最简单的sp保存
但在写代码过程中还是发现了很多的问题
首先,排版方式,搜索历史保存肯定是要 最近使用最靠前然后得去重 还得防注入 看了下淘宝的
如果搜索关键词加空格就会被分成两个关键词
显然不是用户第一手的搜索历史
这里给出 sp 的工具类
和保存关键词的 工具类
sputil

/**
 * <pre>
 *     author: Blankj
 *     blog  : http://blankj.com
 *     time  : 2016/8/2
 *     desc  : SP读写工具类
 * </pre>
 */
public class SPUtils {

    private SPUtils() {
        throw new UnsupportedOperationException("u can't fuck me...");
    }

    /**
     * SP的name值
     * <p>可通过修改PREFERENCE_NAME变量修改SP的name值</p>
     */
    public static String PREFERENCE_NAME = "ANDROID_UTIL_CODE";

    /**
     * SP中写入String类型value
     *
     * @param context 上下文
     * @param key     键
     * @param value   值
     * @return true: 写入成功<br>false: 写入失败
     */
    public static boolean putString(Context context, String key, String value) {
        return getSP(context).edit().putString(key, value).commit();
    }

    /**
     * SP中读取String
     *
     * @param context 上下文
     * @param key     键
     * @return 存在返回对应值，不存在返回默认值null
     */
    public static String getString(Context context, String key) {
        return getString(context, key, null);
    }

    /**
     * SP中读取String
     *
     * @param context      上下文
     * @param key          键
     * @param defaultValue 默认值
     * @return 存在返回对应值，不存在返回默认值defaultValue
     */
    public static String getString(Context context, String key, String defaultValue) {
        return getSP(context).getString(key, defaultValue);
    }

    /**
     * SP中写入int类型value
     *
     * @param context 上下文
     * @param key     键
     * @param value   值
     * @return true: 写入成功<br>false: 写入失败
     */
    public static boolean putInt(Context context, String key, int value) {
        return getSP(context).edit().putInt(key, value).commit();
    }

    /**
     * SP中读取int
     *
     * @param context 上下文
     * @param key     键
     * @return 存在返回对应值，不存在返回默认值-1
     */
    public static int getInt(Context context, String key) {
        return getInt(context, key, -1);
    }

    /**
     * SP中读取int
     *
     * @param context      上下文
     * @param key          键
     * @param defaultValue 默认值
     * @return 存在返回对应值，不存在返回默认值defaultValue
     */
    public static int getInt(Context context, String key, int defaultValue) {
        return getSP(context).getInt(key, defaultValue);
    }

    /**
     * SP中写入long类型value
     *
     * @param context 上下文
     * @param key     键
     * @param value   值
     * @return true: 写入成功<br>false: 写入失败
     */
    public static boolean putLong(Context context, String key, long value) {
        return getSP(context).edit().putLong(key, value).commit();
    }

    /**
     * SP中读取long
     *
     * @param context 上下文
     * @param key     键
     * @return 存在返回对应值，不存在返回默认值-1
     */
    public static long getLong(Context context, String key) {
        return getLong(context, key, -1);
    }

    /**
     * SP中读取long
     *
     * @param context      上下文
     * @param key          键
     * @param defaultValue 默认值
     * @return 存在返回对应值，不存在返回默认值defaultValue
     */
    public static long getLong(Context context, String key, long defaultValue) {
        return getSP(context).getLong(key, defaultValue);
    }

    /**
     * SP中写入float类型value
     *
     * @param context 上下文
     * @param key     键
     * @param value   值
     * @return true: 写入成功<br>false: 写入失败
     */
    public static boolean putFloat(Context context, String key, float value) {
        return getSP(context).edit().putFloat(key, value).commit();
    }

    /**
     * SP中读取float
     *
     * @param context 上下文
     * @param key     键
     * @return 存在返回对应值，不存在返回默认值-1
     */
    public static float getFloat(Context context, String key) {
        return getFloat(context, key, -1);
    }

    /**
     * SP中读取float
     *
     * @param context      上下文
     * @param key          键
     * @param defaultValue 默认值
     * @return 存在返回对应值，不存在返回默认值defaultValue
     */
    public static float getFloat(Context context, String key, float defaultValue) {
        return getSP(context).getFloat(key, defaultValue);
    }

    /**
     * SP中写入boolean类型value
     *
     * @param context 上下文
     * @param key     键
     * @param value   值
     * @return true: 写入成功<br>false: 写入失败
     */
    public static boolean putBoolean(Context context, String key, boolean value) {
        return getSP(context).edit().putBoolean(key, value).commit();
    }

    /**
     * SP中读取boolean
     *
     * @param context 上下文
     * @param key     键
     * @return 存在返回对应值，不存在返回默认值false
     */
    public static boolean getBoolean(Context context, String key) {
        return getBoolean(context, key, false);
    }

    /**
     * SP中读取boolean
     *
     * @param context      上下文
     * @param key          键
     * @param defaultValue 默认值
     * @return 存在返回对应值，不存在返回默认值defaultValue
     */
    public static boolean getBoolean(Context context, String key, boolean defaultValue) {
        return getSP(context).getBoolean(key, defaultValue);
    }

    /**
     * 获取name为PREFERENCE_NAME的SP对象
     *
     * @param context 上下文
     * @return SP
     */
    private static SharedPreferences getSP(Context context) {
        return context.getSharedPreferences(PREFERENCE_NAME, Context.MODE_PRIVATE);
    }

}

HistoryKeyWordSaveUtil.java

/**
 * Created by ccb on 2017/11/4.
 * 搜索历史关键词保存工具类
 */

public class HistoryKeyWordSaveUtil {
    /**
     * 搜索历史 关键词 sp保存key
     */
    private static final String SEARCH_HISTORY_KEY = "search_history_key";
    /**
     * 分隔符 防注入
     */
    public static final String SPLITE_SIGNAL = "!@#$";
    public static final String SPLITE_SIGNAL_FORMAT = "\\!\\@\\#\\$";

    /**
     * 关键词 总字数 数量上限 45 三行
     */
    private static final int KEY_LENGTH = 45;

    /***
     * 插入搜索历史关键词
     * @param context
     * @param searchKey
     */
    public static void insert(Context context, String searchKey) {
        LinkedList<String> list = query(context);
        list.add(0, searchKey);
        for (int i = 1; i < list.size(); i++) { //去重
            if (list.get(i).equals(list.get(0))) {
                list.remove(i);
                break;
            }
        }
        //计算总长度 过长 去尾部数据
        int length = 0;
        for (int i = 0; i < list.size(); i++) {
            length += list.get(i).length();
        }
        while (length > KEY_LENGTH) {
            list.remove(list.size() - 1);
            length = 0;
            for (int i = 0; i < list.size(); i++) {
                length += list.get(i).length();
            }
        }
        //存储数据到sp
        String str = "";
        for (int i = 0; i < list.size(); i++) {
            if (i != list.size() - 1) {
                str += list.get(i) + SPLITE_SIGNAL;
            } else {
                str += list.get(i);
            }
        }
        SPUtils.putString(context, SEARCH_HISTORY_KEY, str);
    }

    /***
     * 查询 搜索历史关键词
     * @return
     */
    public static LinkedList<String> query(Context context) {
        LinkedList<String> list = new LinkedList<>();
        String keys = SPUtils.getString(context, SEARCH_HISTORY_KEY, "");
        if (!TextUtils.isEmpty(keys)) {
            String[] keyStrs = keys.split(SPLITE_SIGNAL_FORMAT);
            for (int i = 0; i < keyStrs.length; i++) {
                list.add(i, keyStrs[i]);
            }
        }
        return list;
    }
}

这里采用链表进行保存,去重通过遍历

xml布局

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
              xmlns:zhy="http://schemas.android.com/apk/res-auto"
              android:orientation="vertical"
              android:layout_width="match_parent"
              android:layout_height="match_parent">
    <android.support.v7.widget.Toolbar
        xmlns:android="http://schemas.android.com/apk/res/android"
        xmlns:app="http://schemas.android.com/apk/res-auto"
        android:id="@+id/toolbar"
        android:paddingTop="24dp"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:background="#3F51B5"
        android:minHeight="?attr/actionBarSize"
        android:theme="@style/ToolBarStyle"
        app:contentInsetEnd="0dp"
        app:contentInsetLeft="0dp"
        app:contentInsetRight="0dp"
        app:contentInsetStart="0dp"
        app:paddingEnd="0dp"
        app:paddingStart="0dp"
        app:titleMarginStart="0dp"
        app:titleTextColor="@android:color/black">
        <LinearLayout
            android:id="@+id/ll_search"
            android:layout_width="match_parent"
            android:layout_height="30dp"
            android:layout_marginRight="15dp"
            android:background="#fff"
            android:gravity="center_vertical"
            android:orientation="horizontal"
            android:paddingRight="10dp">

            <ImageView
                android:paddingLeft="10dp"
                android:paddingRight="5dp"
                android:paddingTop="5dp"
                android:paddingBottom="5dp"
                android:id="@+id/iv_search"
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:src="@mipmap/ic_search"/>

            <EditText
                android:id="@+id/et_search"
                android:layout_width="0dp"
                android:layout_height="wrap_content"
                android:layout_marginLeft="10dp"
                android:layout_weight="1"
                android:singleLine="true"
                android:imeOptions="actionSearch"
                android:background="@android:color/transparent"
                android:hint="搜索你喜欢的商品"
                android:textColorHint="#b2b7bf"
                android:textSize="12sp"/>

            <ImageView
                android:id="@+id/iv_search_del"
                android:layout_width="20dp"
                android:layout_height="20dp"
                android:src="@mipmap/login_delete_font_icon"
                android:visibility="invisible"/>
        </LinearLayout>

        <TextView
            android:id="@+id/toolbar_title"
            android:layout_width="wrap_content"
            android:layout_height="match_parent"
            android:layout_gravity="center"
            android:gravity="center"
            android:singleLine="true"
            android:text="123"
            android:textColor="#222222"
            android:textSize="20sp"/>
    </android.support.v7.widget.Toolbar>

    <View style="@style/style_line_gray_h"/>
    <FrameLayout
        android:layout_width="match_parent"
        android:layout_height="match_parent">

        <LinearLayout
            android:id="@+id/ll_history_hot"
            android:orientation="vertical"
            android:layout_width="match_parent"
            android:layout_height="match_parent">

            <TextView
                android:id="@+id/tv_history"
                android:layout_width="match_parent"
                android:layout_height="wrap_content"
                android:layout_marginBottom="14dp"
                android:textSize="18sp"
                android:layout_marginTop="14dp"
                android:paddingLeft="14dp"
                android:text="搜索历史"
                android:textColor="#5f92fc"/>
            <com.zhy.view.flowlayout.TagFlowLayout
                android:id="@+id/flow_layout_history"
                zhy:max_select="1"
                android:paddingLeft="10dp"
                android:layout_width="fill_parent"
                android:layout_height="wrap_content">
            </com.zhy.view.flowlayout.TagFlowLayout>

        </LinearLayout>
    </FrameLayout>

</LinearLayout>

主程序代码

package com.example.searchhistory;

import android.content.Context;
import android.os.Bundle;
import android.support.v7.app.AppCompatActivity;
import android.support.v7.widget.Toolbar;
import android.text.Editable;
import android.text.TextUtils;
import android.text.TextWatcher;
import android.view.KeyEvent;
import android.view.View;
import android.view.inputmethod.EditorInfo;
import android.view.inputmethod.InputMethodManager;
import android.widget.EditText;
import android.widget.ImageView;
import android.widget.LinearLayout;
import android.widget.TextView;
import android.widget.Toast;

import com.zhy.view.flowlayout.FlowLayout;
import com.zhy.view.flowlayout.TagAdapter;
import com.zhy.view.flowlayout.TagFlowLayout;

import java.util.LinkedList;

import butterknife.BindView;
import butterknife.ButterKnife;
import butterknife.OnClick;

public class MainActivity extends AppCompatActivity {

    @BindView(R.id.iv_search)
    ImageView mIvSearch;
    @BindView(R.id.et_search)
    EditText mEtSearch;
    @BindView(R.id.iv_search_del)
    ImageView mIvSearchDel;
    @BindView(R.id.ll_search)
    LinearLayout mLlSearch;
    @BindView(R.id.toolbar_title)
    TextView mToolbarTitle;
    @BindView(R.id.toolbar)
    Toolbar mToolbar;
    @BindView(R.id.tv_history)
    TextView mTvHistory;
    @BindView(R.id.flow_layout_history)
    TagFlowLayout mFlowLayoutHistory;
    @BindView(R.id.ll_history_hot)
    LinearLayout mLlHistoryHot;
    private MainActivity context;
    private MainActivity activity;
    private String mSearchKey;
    private LinkedList<String> mHistroyList;
    private TagAdapter<String> mHistroyAdapter;

    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_main);
        ButterKnife.bind(this);
        context = this;
        activity = this;
        initSearchView();
        initHistoryFlowLayout();
    }

    /**
     * 初始化搜索条
     */
    private void initSearchView() {
        SoftInputUtil.showSoftInputFromWindow(activity, mEtSearch);
        mEtSearch.addTextChangedListener(new TextWatcher() {
            @Override
            public void beforeTextChanged(CharSequence charSequence, int i, int i1, int i2) {
            }

            @Override
            public void onTextChanged(CharSequence charSequence, int i, int i1, int i2) {

            }

            @Override
            public void afterTextChanged(Editable editable) {
                if (!TextUtils.isEmpty(editable.toString().trim())) {
                    mIvSearchDel.setVisibility(View.VISIBLE);
                } else {
                    mIvSearchDel.setVisibility(View.INVISIBLE);
                }
            }
        });

        mEtSearch.setOnEditorActionListener(new TextView.OnEditorActionListener() {
            @Override
            public boolean onEditorAction(TextView textView, int actionId, KeyEvent keyEvent) {
                if (actionId == EditorInfo.IME_ACTION_SEARCH) {
                    String key = mEtSearch.getText().toString().trim();
                    if (!TextUtils.isEmpty(key)) {
                        HistoryKeyWordSaveUtil.insert(context, key);
                        mSearchKey = key;
                        requestSearch(key);
                          /*隐藏软键盘*/
                        InputMethodManager inputMethodManager = (InputMethodManager) getSystemService(Context.INPUT_METHOD_SERVICE);
                        if (inputMethodManager.isActive()) {
                            inputMethodManager.hideSoftInputFromWindow(mEtSearch.getApplicationWindowToken(), 0);
                        }
                        return true;
                    } else {
                        Toast.makeText(context, "搜索内容不能为空", Toast.LENGTH_SHORT).show();
                    }
                    return false;
                }
                return false;
            }
        });
    }

    /**
     * 搜索历史 流式布局
     */
    private void initHistoryFlowLayout() {
        //初始化历史搜索流式布局
        mHistroyList = HistoryKeyWordSaveUtil.query(context);
        if (mHistroyList.size() == 0) {
            mFlowLayoutHistory.setVisibility(View.GONE);
            mTvHistory.setVisibility(View.GONE);
        }
        mHistroyAdapter = new TagAdapter<String>(mHistroyList) {
            @Override
            public View getView(FlowLayout parent, int position, String key) {
                View view = View.inflate(context, R.layout.item_tag_flow_layout, null);
                TextView mTv = view.findViewById(R.id.tv_tag);
                mTv.setText(key);
                return view;
            }
        };
        mFlowLayoutHistory.setAdapter(mHistroyAdapter);
        mFlowLayoutHistory.setOnTagClickListener(new TagFlowLayout.OnTagClickListener() {
            @Override
            public boolean onTagClick(View view, int position, FlowLayout parent) {
                setSearchContent(mHistroyList.get(position));
                      /*隐藏软键盘*/
                InputMethodManager inputMethodManager = (InputMethodManager) getSystemService(Context.INPUT_METHOD_SERVICE);
                if (inputMethodManager.isActive()) {
                    inputMethodManager.hideSoftInputFromWindow(mEtSearch.getApplicationWindowToken(), 0);
                }
                return true;
            }
        });
    }

    /**
     * 设置搜索内容 并移动光标到指定位置
     */
    private void setSearchContent(String searchStr) {
        mEtSearch.setText(searchStr);
        mEtSearch.setSelection(searchStr.length());
        HistoryKeyWordSaveUtil.insert(context, searchStr);//添加 搜索关键词 到本地
        mSearchKey = searchStr;
        requestSearch(searchStr);
    }

    /**
     * 搜索商品
     *
     * @param searchStr
     */
    private void requestSearch(String searchStr) {
        mFlowLayoutHistory.setVisibility(View.INVISIBLE);
        mTvHistory.setVisibility(View.INVISIBLE);
    }

    @Override
    public void onBackPressed() {
        if (mTvHistory.getVisibility() == View.INVISIBLE) {
            mTvHistory.setVisibility(View.VISIBLE);
            mFlowLayoutHistory.setVisibility(View.VISIBLE);
            initHistoryFlowLayout();
        } else {
            finish();
        }
    }

    @OnClick(R.id.iv_search_del)
    public void onViewClicked() {
        mEtSearch.setText("");
        SoftInputUtil.showSoftInputFromWindow(activity, mEtSearch);
        mTvHistory.setVisibility(View.VISIBLE);
        mFlowLayoutHistory.setVisibility(View.VISIBLE);
        initHistoryFlowLayout();
    }
}

软键盘显示工具类

public class SoftInputUtil {
    /**
     * EditText获取焦点并显示软键盘
     */
    public static void showSoftInputFromWindow(Activity activity, EditText editText) {
        InputMethodManager inputManager = (InputMethodManager) editText.getContext().getSystemService(Context.INPUT_METHOD_SERVICE);
        editText.setFocusable(true);
        editText.setFocusableInTouchMode(true);
        editText.requestFocus();
        activity.getWindow().setSoftInputMode(WindowManager.LayoutParams.SOFT_INPUT_STATE_ALWAYS_VISIBLE);
        inputManager.showSoftInput(editText, 0);
    }
}