首先流式布局搜索框

他的实现步骤主要显示最外层一个布局点击搜索框跳转到另一个activity进行逻辑操作

先给出最外层无逻辑的布局

<?xml version="1.0" encoding="utf-8"?>
<FrameLayout 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"
    android:layout_width="match_parent"
    android:layout_height="wrap_content"
    android:id="@+id/fg"
    tools:context=".view.SouSuo_zdy">

    <LinearLayout
        android:orientation="horizontal"
        android:gravity="center_vertical"
        android:layout_width="match_parent"
        android:layout_height="match_parent">

        <LinearLayout
            android:gravity="center_horizontal"
            android:orientation="vertical"
            android:id="@+id/f1_erweima"
            android:layout_width="60dp"
            android:layout_height="wrap_content">

            <ImageView

                android:id="@+id/image_sao"
                android:background="#ffffff"
                android:src="@drawable/sao_hei"
                android:layout_width="24dp"
                android:layout_height="20dp" />
            <TextView
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:textSize="15sp"
                android:textColor="#ffffff"
                android:text="扫啊扫"/>
        </LinearLayout>

        <LinearLayout
            android:id="@+id/ssk"
            android:layout_marginLeft="3px"
            android:layout_marginRight="3px"
            android:background="@drawable/home_title_bar_search_corner_bg"
            android:gravity="center_vertical"
            android:layout_weight="1"
            android:layout_width="0dp"
            android:layout_height="40dp">

            <ImageView
                android:layout_marginLeft="5dp"
                android:src="@drawable/a_4"
                android:layout_width="20dp"
                android:layout_height="20dp" />

            <TextView
                android:id="@+id/sousuo"
                android:layout_marginLeft="5dp"
                android:gravity="center_vertical"
                android:layout_weight="1"
                android:layout_width="0dp"
                android:layout_height="30dp"
                android:textSize="15dp"
                android:text="运动户外超级品牌类日"
                />
            <ImageView
                android:layout_marginRight="5dp"
                android:src="@drawable/root"
                android:layout_width="20dp"
                android:layout_height="20dp" />
        </LinearLayout>

        <LinearLayout
            android:gravity="center_horizontal"
            android:orientation="vertical"
            android:layout_width="50dp"
            android:layout_height="wrap_content">

            <ImageView
                android:background="#ffffff"
                android:src="@drawable/a9v"
                android:layout_width="20dp"
                android:layout_height="20dp" />
            <TextView
                android:textColor="#ffffff"
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:textSize="15sp"
                android:text="消息"/>
        </LinearLayout>
    </LinearLayout>
</FrameLayout>

依赖

implementation 'com.hjm:BottomTabBar:1.1.1'
    //okhttp
    implementation 'com.squareup.okhttp3:okhttp:3.5.0'
    //gson
    implementation 'com.google.code.gson:gson:2.6.2'
    //glide
    implementation 'de.hdodenhof:circleimageview:2.2.0'
    implementation 'com.github.bumptech.glide:glide:3.7.0'
    //流式布局
    implementation 'com.fynn.fluidlayout:fluidlayout:1.0'
    implementation 'com.jcodecraeer:xrecyclerview:1.3.2'
    implementation 'io.reactivex.rxjava2:rxjava:2.0.7'
    implementation 'io.reactivex.rxjava2:rxandroid:2.0.1'
    implementation 'com.squareup.retrofit2:retrofit:2.1.0'
    implementation 'com.squareup.retrofit2:adapter-rxjava2:2.2.0'
    implementation 'com.squareup.retrofit2:converter-gson:2.1.0'
    implementation 'com.squareup.retrofit2:converter-scalars:2.1.0'
    implementation 'com.xhb:xbanner:1.2.2'
    implementation 'com.github.bumptech.glide:glide:3.7.0'
// 一般依赖：
    implementation 'com.facebook.fresco:fresco:0.14.1'
    // 如果需要支持gif，再添加：
    implementation 'com.facebook.fresco:animated-gif:0.12.0'
    // 在 API < 14 上的机器支持 WebP 时，需要添加
    implementation 'com.facebook.fresco:animated-base-support:0.12.0'
    // 支持 WebP （静态图+动图），需要添加
    implementation 'com.facebook.fresco:animated-webp:0.12.0'
    implementation 'com.facebook.fresco:webpsupport:0.12.0'
    // 仅支持 WebP 静态图，需要添加
    implementation 'com.facebook.fresco:webpsupport:0.12.0'

    implementation 'com.squareup.okhttp3:logging-interceptor:3.4.2'
    implementation 'com.youth.banner:banner:1.4.9'
    implementation 'org.greenrobot:eventbus:3.0.0'
    implementation files('libs/open_sdk_r5990_lite.jar')
    implementation 'com.fynn.fluidlayout:fluidlayout:1.0'

activity_sou_suo_zdy

<?xml version="1.0" encoding="utf-8"?>
<FrameLayout 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"
    android:layout_width="match_parent"
    android:layout_height="wrap_content"
    android:id="@+id/fg"
    tools:context=".view.SouSuo_zdy">

    <LinearLayout
        android:orientation="horizontal"
        android:gravity="center_vertical"
        android:layout_width="match_parent"
        android:layout_height="match_parent">

        <LinearLayout
            android:gravity="center_horizontal"
            android:orientation="vertical"
            android:id="@+id/f1_erweima"
            android:layout_width="60dp"
            android:layout_height="wrap_content">

            <ImageView

                android:id="@+id/image_sao"
                android:background="#ffffff"
                android:src="@drawable/sao_hei"
                android:layout_width="24dp"
                android:layout_height="20dp" />
            <TextView
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:textSize="15sp"
                android:textColor="#ffffff"
                android:text="扫啊扫"/>
        </LinearLayout>

        <LinearLayout
            android:id="@+id/ssk"
            android:layout_marginLeft="3px"
            android:layout_marginRight="3px"
            android:background="@drawable/home_title_bar_search_corner_bg"
            android:gravity="center_vertical"
            android:layout_weight="1"
            android:layout_width="0dp"
            android:layout_height="40dp">

            <ImageView
                android:layout_marginLeft="5dp"
                android:src="@drawable/a_4"
                android:layout_width="20dp"
                android:layout_height="20dp" />

            <TextView
                android:id="@+id/sousuo"
                android:layout_marginLeft="5dp"
                android:gravity="center_vertical"
                android:layout_weight="1"
                android:layout_width="0dp"
                android:layout_height="30dp"
                android:textSize="15dp"
                android:text="运动户外超级品牌类日"
                />
            <ImageView
                android:layout_marginRight="5dp"
                android:src="@drawable/root"
                android:layout_width="20dp"
                android:layout_height="20dp" />
        </LinearLayout>

        <LinearLayout
            android:gravity="center_horizontal"
            android:orientation="vertical"
            android:layout_width="50dp"
            android:layout_height="wrap_content">

            <ImageView
                android:background="#ffffff"
                android:src="@drawable/a9v"
                android:layout_width="20dp"
                android:layout_height="20dp" />
            <TextView
                android:textColor="#ffffff"
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:textSize="15sp"
                android:text="消息"/>
        </LinearLayout>
    </LinearLayout>
</FrameLayout>

home_title_bar_search_corner_bg

<?xml version="1.0" encoding="utf-8"?>
<shape xmlns:android="http://schemas.android.com/apk/res/android"
    android:shape="rectangle"
    >
    <corners android:radius="20dp"/>
    <solid android:color="#F0F2F5" />

</shape>

activity_main2

<?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"
    xmlns:tools="http://schemas.android.com/tools"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:orientation="vertical"
    tools:context=".view.Main2Activity">


    <LinearLayout
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:orientation="horizontal"
        android:paddingTop="10dp"
        android:gravity="center_vertical">

        <RadioButton
            android:id="@+id/bt_quxiao"
            android:layout_width="52dp"
            android:layout_height="wrap_content"
            android:text="取消"
            android:button="@null"
            android:textColor="#999999"
            android:gravity="center"/>

        <RelativeLayout
            android:layout_width="0dp"
            android:layout_height="35dp"
            android:layout_weight="1">

            <EditText
                android:id="@+id/search_edit2"
                android:layout_width="match_parent"
                android:layout_height="match_parent"
                android:background="@drawable/search_2"
                android:hint="        雷士京东超级品牌日， 2件8折"
                android:textSize="10sp"
                android:singleLine="true"/>

            <ImageView
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:src="@drawable/search_2"
                android:layout_alignBottom="@id/search_edit2"
                android:layout_alignLeft="@id/search_edit2"
                android:layout_alignTop="@id/search_edit2"
                android:layout_marginLeft="10dp"/>
        </RelativeLayout>

        <RadioButton
            android:id="@+id/bt_search"
            android:layout_width="52dp"
            android:layout_height="wrap_content"
            android:text="搜索"
            android:button="@null"
            android:textColor="#999999"
            android:gravity="center"/>
    </LinearLayout>

    <ProgressBar
        android:layout_width="match_parent"
        android:layout_height="0.5dp"
        android:background="#cccccc"
        android:layout_marginTop="5dp"/>

    <TextView
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:text="热搜"
        android:textColor="#000"
        android:layout_margin="10dp"/>

    <com.fynn.fluidlayout.FluidLayout
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:id="@+id/fl">
    </com.fynn.fluidlayout.FluidLayout>

    <ListView
        android:id="@+id/search_lv"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"></ListView>

    <RadioButton
        android:id="@+id/rb_clear"
        android:layout_width="200dp"
        android:layout_height="40dp"
        android:layout_gravity="center_horizontal"
        android:gravity="center"
        android:button="@null"
        android:background="@drawable/button_clean"
        android:textColor="#999999"
        android:text="清空历史搜索"/>

</LinearLayout>

search_1

<?xml version="1.0" encoding="utf-8"?>
<shape xmlns:android="http://schemas.android.com/apk/res/android"
    android:shape="rectangle">

    <!-- android:radius 弧形的半径 -->
    <corners android:radius="50dip" />
    <!-- padding：Button里面的文字与Button边界的间隔 -->
    <padding
        android:left="10dp"
        android:top="10dp"
        android:right="10dp"
        android:bottom="10dp"
        />
    <!-- 边框的宽度和颜色颜色 -->
    <stroke
        android:width="1px"
        android:color="#cccccc"/>

    <!-- 背景色 -->
    <solid android:color="#FFF"></solid>
</shape>

search_2

<?xml version="1.0" encoding="utf-8"?>
<shape xmlns:android="http://schemas.android.com/apk/res/android"
    android:shape="rectangle">

    <!-- android:radius 弧形的半径 -->
    <corners android:radius="50dip" />
    <!-- padding：Button里面的文字与Button边界的间隔 -->
    <padding
        android:left="10dp"
        android:top="10dp"
        android:right="10dp"
        android:bottom="10dp"
        />
    <!-- 边框的宽度和颜色颜色 -->
    <stroke
        android:width="1px"
        android:color="#cccccc"/>

    <!-- 背景色 -->
    <solid android:color="#f5f5f5"></solid>
</shape>

button_clean

<?xml version="1.0" encoding="utf-8"?>
<shape xmlns:android="http://schemas.android.com/apk/res/android"
    android:shape="rectangle">

    <!-- android:radius 弧形的半径 -->
    <corners android:radius="0dip" />
    <!-- padding：Button里面的文字与Button边界的间隔 -->
    <padding
        android:left="10dp"
        android:top="10dp"
        android:right="10dp"
        android:bottom="10dp"
        />
    <!-- 边框的宽度和颜色颜色 -->
    <stroke
        android:width="1px"
        android:color="#cccccc"/>

    <!-- 背景色 -->
    <solid android:color="#f5f5f5"></solid>
</shape>

MySql

package com.example.mac.jddome.sql;

import android.content.Context;
import android.database.sqlite.SQLiteDatabase;
import android.database.sqlite.SQLiteOpenHelper;

/**
 * Created by mac on 2018/4/17.
 */

public class MySql extends SQLiteOpenHelper {

    public MySql(Context context){
        super(context, "search.db", null, 1);
    }

    @Override
    public void onCreate(SQLiteDatabase sqLiteDatabase) {

        String sql = "create table search(id integer primary key autoincrement,name varchar(20))";
        sqLiteDatabase.execSQL(sql);
    }

    @Override
    public void onUpgrade(SQLiteDatabase sqLiteDatabase, int i, int i1) {

    }
}

MySqlDao

package com.example.mac.jddome.sql;


import android.content.ContentValues;
import android.content.Context;
import android.database.Cursor;
import android.database.sqlite.SQLiteDatabase;


import java.util.ArrayList;
import java.util.List;


/**
 * Created by mac on 2018/4/17.
 */


public class MySqlDao {
    private MySql mySQlite;
    private SQLiteDatabase db;


    public MySqlDao(Context context){
        mySQlite = new MySql(context);
        db = mySQlite.getReadableDatabase();
    }


    public void add(String name){
        ContentValues values = new ContentValues();
        values.put("name",name);
        db.insert("search",null,values);
    }


    public void delete(String name){
        db.delete("search","name=?",new String[]{name});
    }


    public void deleteAll(){
        db.execSQL("DELETE FROM search");
    }


    public List<String> select(){
        Cursor cursor = db.rawQuery("select * from search",null);
        List<String> list = new ArrayList<>();


        while (cursor.moveToNext()){
            String name = cursor.getString(cursor.getColumnIndex("name"));
            list.add(name);
        }


        return list;
    }


}

home_title_bar_search_corner_bg

<?xml version="1.0" encoding="utf-8"?>
<shape xmlns:android="http://schemas.android.com/apk/res/android"
    android:shape="rectangle"
    >
    <corners android:radius="20dp"/>
    <solid android:color="#F0F2F5" />

</shape>

主Main

package com.example.administrator.month.view;

import android.content.Intent;
import android.os.Bundle;
import android.support.v7.app.AppCompatActivity;
import android.view.View;
import android.widget.LinearLayout;
import android.widget.TextView;

import com.example.administrator.month.R;

public class SouSuo_zdy extends AppCompatActivity implements View.OnClickListener {

    /**
     * 运动户外超级品牌类日
     */
    private TextView sousuo;
    private LinearLayout ssk;

    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_sou_suo_zdy);
        initView();
    }

    private void initView() {
        sousuo = (TextView) findViewById(R.id.sousuo);
        ssk = findViewById(R.id.ssk);
        sousuo.setOnClickListener(this);
        ssk.setOnClickListener(this);

    }

    @Override
    public void onClick(View v) {
        switch (v.getId()) {
            default:
                break;
            case R.id.ssk:

                break;
            case R.id.sousuo:
                Intent intent = new Intent(SouSuo_zdy.this,Main2Activity.class);
                startActivity(intent);
                break;
        }
    }
}

下面的代码是点击搜索框跳转到流式布局的搜索页面

package com.example.administrator.month.view;

import android.content.Intent;
import android.graphics.Color;
import android.support.v7.app.AppCompatActivity;
import android.os.Bundle;
import android.view.View;
import android.view.ViewGroup;
import android.widget.BaseAdapter;
import android.widget.Button;
import android.widget.EditText;
import android.widget.ListView;
import android.widget.RadioButton;
import android.widget.TextView;

import com.example.administrator.month.R;
import com.example.administrator.month.sqlite.MySqlDao;
import com.fynn.fluidlayout.FluidLayout;

import java.util.List;

public class Main2Activity extends AppCompatActivity {

    MySqlDao mySQliteDao;
    EditText et;
    FluidLayout fluidLayout;
    Button bt_quxiao, bt_search;
    RadioButton rb_clear;
    ListView lv;
    List<String> list;
    MyAdapter myAdapter;

    String[] arrs = {
            "倩女幽魂", "单机斗地主", "天堂战记", "妖精的尾巴", "极限挑战", "我们相爱吧", "倚天屠龙记",
            "明星大侦探", "丰乳肥臀", "大主宰", "盗墓笔记", "鬼吹灯", "盘龙", "完美世界", "柠檬初上", "WIFI",
            "锁屏", "异术超能", "东方不败", "巅峰战舰", "小说", "污"};


    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_main2);

        et = findViewById(R.id.search_edit2);
        bt_quxiao = findViewById(R.id.bt_quxiao);
        bt_search = findViewById(R.id.bt_search);
        rb_clear = findViewById(R.id.rb_clear);
        fluidLayout = findViewById(R.id.fl);
        lv = findViewById(R.id.search_lv);
//配置热搜流式布局
        for (int i = 0; i < arrs.length; i++) {
            String ss = arrs[i];
            TextView textView = new TextView(Main2Activity.this);
            textView.setText(ss);
            textView.setTextSize(13);
            textView.setBackgroundColor(Color.parseColor("#f5f5f5"));

            FluidLayout.LayoutParams params = new FluidLayout.LayoutParams(150, 50);
            params.setMargins(12, 12, 12, 12);

            fluidLayout.addView(textView, params);
        }

        //查询数据库,配置适配器，显示历史记录listview
        mySQliteDao = new MySqlDao(Main2Activity.this);
        list = mySQliteDao.select();
        myAdapter = new MyAdapter();
        lv.setAdapter(myAdapter);


        //点击事件，返回首页
        bt_quxiao.setOnClickListener(new View.OnClickListener() {
            @Override
            public void onClick(View view) {
                Intent intent = new Intent(Main2Activity.this, SouSuo_zdy.class);
                startActivity(intent);
            }
        });
        //点击事件，添加搜索内容到数据库
        bt_search.setOnClickListener(new View.OnClickListener() {
            @Override
            public void onClick(View view) {
                mySQliteDao.add(et.getText().toString());

                list = mySQliteDao.select();
                myAdapter.notifyDataSetChanged();


                Intent intent = new Intent(Main2Activity.this,shop_activity.class);
                startActivity(intent);
            }
        });
        //点击事件，清空数据库中的搜索内容
        rb_clear.setOnClickListener(new View.OnClickListener() {
            @Override
            public void onClick(View view) {
                mySQliteDao.deleteAll();

                list.removeAll(list);
                myAdapter.notifyDataSetChanged();
            }
        });

    }

    //显示搜索内容listview的适配器
    class MyAdapter extends BaseAdapter {

        @Override
        public int getCount() {
            return list.size();
        }

        @Override
        public Object getItem(int i) {
            return list.get(i);
        }

        @Override
        public long getItemId(int i) {
            return i;
        }

        @Override
        public View getView(int i, View view, ViewGroup viewGroup) {

            TextView textView = new TextView(Main2Activity.this);
            textView.setText(list.get(i));
            textView.setPadding(15, 15, 15, 15);
            return textView;
        }
    }

}

需要用到的图片