他的实现步骤主要显示最外层一个布局点击搜索框跳转到另一个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;
}
}
}
需要用到的图片