搜索框历史记录，流式布局

最新推荐文章于 2019-03-12 10:41:45 发布
最新推荐文章于 2019-03-12 10:41:45 发布
阅读量794 收藏 1
点赞数
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.youkuaiyun.com/csdn0924/article/details/80162339
版权 
public class MyOpenHelper extends SQLiteOpenHelper {

    public MyOpenHelper(Context context) {
        super(context, "demo.db", null, 1);
    }

    @Override
    public void onCreate(SQLiteDatabase db) {

        //创建数据库的时候，创建表格
        db.execSQL("create table history(_id INTEGER primary key autoincrement,content varchar(20))");

    }

    @Override
    public void onUpgrade(SQLiteDatabase db, int oldVersion, int newVersion) {

    }
}

public class MainActivity extends AppCompatActivity implements View.OnClickListener {

    private MySearchView mySearchView;
    private MyFlowLayout myFlowLayout;
    private MyListView myListView;
    private TextView sousuo;
    private MyOpenHelper myOpenHelper;

    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_main);
        //初始化页面
        initViews();
        //初始化数据库
        initDatabase();
    }

    private void initDatabase() {
        myOpenHelper = new MyOpenHelper(this);
        SQLiteDatabase database = myOpenHelper.getReadableDatabase();
    }

    private void initViews() {
        mySearchView = (MySearchView) findViewById(R.id.mySearchView);
        myFlowLayout = (MyFlowLayout) findViewById(R.id.flow_hot_search);
        myListView = (MyListView) findViewById(R.id.lv_search);
        sousuo = (TextView) findViewById(R.id.sousuo);
        sousuo.setOnClickListener(this);
        ImageView dele = (ImageView) findViewById(R.id.iv_delete);
        dele.setOnClickListener(this);
    }

    @Override
    public void onClick(View v) {
        switch (v.getId()) {
            case R.id.sousuo:
                //获取数据
                String con = mySearchView.getContent();
                //存入数据库
                SQLiteDatabase db = myOpenHelper.getReadableDatabase();
                ContentValues contentValues = new ContentValues();
                contentValues.put("content", con);
                db.insert("history", null, contentValues);
                db.close();
                //展示在列表
//                查询数据
                SQLiteDatabase db1 = myOpenHelper.getReadableDatabase();
                Cursor cursor = db1.query("history", null, null, null, null, null, null);
                List<String> list = new ArrayList<>();
                while (cursor.moveToNext()) {
                    String content = cursor.getString(cursor.getColumnIndex("content"));
                    list.add(content);
                }
                db1.close();
                //设置适配器
                MyAdapter myAdapter = new MyAdapter(MainActivity.this, list);
                myListView.setAdapter(myAdapter);
                break;
            case R.id.iv_delete:
                SQLiteDatabase db2 = myOpenHelper.getReadableDatabase();
                db2.delete("history",null,null);
                db2.close();


                SQLiteDatabase db3 = myOpenHelper.getReadableDatabase();
                Cursor cursor3 = db3.query("history", null, null, null, null, null, null);
                List<String> list1 = new ArrayList<>();
                while (cursor3.moveToNext()) {
                    String content = cursor3.getString(cursor3.getColumnIndex("content"));
                    list1.add(content);
                }
                db3.close();
                //设置适配器
                MyAdapter myAdapter2 = new MyAdapter(MainActivity.this, list1);
                myListView.setAdapter(myAdapter2);
                break;
        }
    }
}

public class MyAdapter extends BaseAdapter {

    private final Context context;
    private final List<String> list;

    public MyAdapter(Context context, List<String> list) {
        this.context = context;
        this.list = list;
    }

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

    @Override
    public Object getItem(int position) {
        return null;
    }

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

    @Override
    public View getView(int position, View convertView, ViewGroup parent) {
        TextView textView = new TextView(context);
        textView.setText(list.get(position));
        textView.setTextSize(20);
        return textView;
    }
}

public class MyFlowLayout extends ViewGroup{
    private int useWidth;

    private int MaxHeight;

    private int HorizonytalSpace = 5;

    private int VerticalSpaace = 5;

    private Line mLine;

    private int MaxLine = 100;

    private ArrayList<Line> LineList = new ArrayList<Line>();
//    private  int

    public MyFlowLayout(Context context) {
        super(context);
    }

    public MyFlowLayout(Context context, AttributeSet attrs) {
        super(context, attrs);
    }

    public MyFlowLayout(Context context, AttributeSet attrs, int defStyleAttr) {
        super(context, attrs, defStyleAttr);
    }

    @Override
    protected void onMeasure(int widthMeasureSpec, int heightMeasureSpec) {

        //获取控件的具体尺寸
        int width = MeasureSpec.getSize(widthMeasureSpec) - getPaddingLeft() - getPaddingRight();//获取空间的宽度
        int height = MeasureSpec.getSize(heightMeasureSpec) - getPaddingTop() - getPaddingBottom();//获取控件的高度
        //获取控件的测量模式
        int widthMode = MeasureSpec.getMode(widthMeasureSpec);//宽度的测量模式
        int heightMode = MeasureSpec.getMode(heightMeasureSpec);//高度的测量模式

        //开始遍历所有的子控件
        int childCount = getChildCount();
        for (int i = 0; i < childCount; i++) {
            View childView = getChildAt(i);
            //获取子控件的尺寸，与测量模式
            int childWidthMeasureSpec = MeasureSpec.makeMeasureSpec(width,widthMode == MeasureSpec.EXACTLY?MeasureSpec.AT_MOST:widthMode);
            int childHeightMeasureSpec = MeasureSpec.makeMeasureSpec(height,heightMode == MeasureSpec.EXACTLY?MeasureSpec.AT_MOST:heightMode);
            //测量子控件
            childView.measure(childWidthMeasureSpec,childHeightMeasureSpec);

            int childWidth = childView.getMeasuredWidth();//子控件的宽度
            int childHeight = childView.getMeasuredHeight();//子控件的高度

            useWidth += childWidth;

            if(mLine == null){
                mLine = new Line();
            }

            if(useWidth < width){
                //未超过最大限度，可以添加到当前行
                mLine.addView(childView);
                useWidth += HorizonytalSpace;

                if(useWidth >= width){
                    if(!newLine()){
                        break;//创建失败，结束for循环
                    }
                }
            }else {
                //2.但前行没有控件，必须加入到当前行，然后换行
                if(mLine.getLineCount() == 0){
                    //添加到当前行，然后换行
                    mLine.addView(childView);
                    LineList.add(mLine);
                    if(!newLine()){
                        break;
                    }

                }else {
                    //超过最大高度，
                    //1.当前行有控件，需要新建一行
                    if(!newLine()){
                        break;
                    }
                    mLine.addView(childView);
                    useWidth += HorizonytalSpace + childWidth;
                }
            }
            if (mLine != null && mLine.getLineCount() > 0
                    && !LineList.contains(mLine)) {
                // 由于前面采用判断长度是否超过最大宽度来决定是否换行，则最后一行可能因为还没达到最大宽度，所以需要验证后加入集合中
                LineList.add(mLine);
            }

        }
        //为控件设置宽度，高度
        int Totalwidth = MeasureSpec.getSize(widthMeasureSpec);
        int TotalHeight = 0;
        for (int i = 0; i <LineList.size() ; i++) {
            TotalHeight += LineList.get(i).MaxHeight;
        }
        TotalHeight += (LineList.size() - 1)*VerticalSpaace + getPaddingTop() + getPaddingBottom();
        setMeasuredDimension(Totalwidth,TotalHeight);
//        super.onMeasure(widthMeasureSpec, heightMeasureSpec);
    }

    @Override
    protected void onLayout(boolean changed, int l, int t, int r, int b) {
        //遍历行集合(LineList)，
        int Top = getPaddingTop();
        int Left = getPaddingLeft();
        for (int i = 0; i < LineList.size(); i++) {
            Line line = LineList.get(i);

            line.layoutView(Left,Top);

            Top += line.MaxHeight + VerticalSpaace;
        }
    }

    private boolean newLine(){
        //判断是否超过最大行数
        if(LineList.size() < MaxLine){
            //将上一行添加到，LineList中
            LineList.add(mLine);
            mLine = new Line();//创建一个新的行
            //新的一行，使用的数据为0
            useWidth = 0;
            MaxHeight = 0;
            return true;//创建成功返回true
        }
        return false;
    }

    //创建一个类，用来处理每一行的数据
    class Line{

        private int mLineWidth = 0;

        private int MaxHeight = 0;

        private ArrayList<View> viewlist = new ArrayList<View>();

        public void addView(View view){

            viewlist.add(view);
            mLineWidth += view.getMeasuredWidth();
            int childHeight = view.getMeasuredHeight();
            MaxHeight = MaxHeight < childHeight?childHeight:MaxHeight;

        }

        public int getLineCount(){
            return viewlist.size();
        }

        public void layoutView(int l,int t){
            //对此行的数据进行布局
            int Left = l;
            int Top = t;

            int childCount = viewlist.size();
            int width = getMeasuredWidth() - getPaddingLeft() - getPaddingRight() -(childCount-1) * HorizonytalSpace;

            //计算剩余宽度
            int surplusWidth  = width - mLineWidth;
            if(surplusWidth > 0){
                //计算每个布局的添加量
                int widthOffSet = (int) (surplusWidth * 1.0f/viewlist.size() + 0.5f);

                for (int i = 0; i < viewlist.size(); i++) {

                    View view = viewlist.get(i);
                    int childWidth = view.getMeasuredWidth();
                    int childHeight = view.getMeasuredHeight();

                    childWidth += widthOffSet;//重新分配控件的高度

                    int childWidthMeasureSpec = MeasureSpec.makeMeasureSpec(childWidth,MeasureSpec.EXACTLY);
                    int childHeightMeasureSpec = MeasureSpec.makeMeasureSpec(childHeight,MeasureSpec.EXACTLY);

                    view.measure(childWidthMeasureSpec,childHeightMeasureSpec);
                    //分配布局控件时的偏移量
                    int TopOffSet = (MaxHeight - childHeight) / 2;
                    TopOffSet = TopOffSet>0?TopOffSet:0;//如果TopOffSet（竖直方向的偏移量）小于0，则设置为0;
                    view.layout(Left,Top+ TopOffSet,Left +childWidth,Top + TopOffSet + childHeight);

                    Left += HorizonytalSpace + childWidth;
                }
            }else{
            }
        }
    }

    public void setHorizontalSpacing(int horizonytalSpace) {
        HorizonytalSpace = horizonytalSpace;
    }

    public void setVerticalSpacing(int verticalSpaace) {
        VerticalSpaace = verticalSpaace;
    }
}
public class MyListView extends ListView {
    public MyListView(Context context) {
        super(context);
    }

    public MyListView(Context context, AttributeSet attrs) {
        super(context, attrs);
    }

    public MyListView(Context context, AttributeSet attrs, int defStyleAttr) {
        super(context, attrs, defStyleAttr);
    }

    @Override
    protected void onMeasure(int widthMeasureSpec, int heightMeasureSpec) {

        int heightMea = MeasureSpec.makeMeasureSpec(Integer.MAX_VALUE >> 2, MeasureSpec.AT_MOST);

        super.onMeasure(widthMeasureSpec, heightMea);
    }
}
public class MySearchView extends LinearLayout {

    private EditText et_search;

    public MySearchView(Context context) {
        this(context, null);
    }

    public MySearchView(Context context, @Nullable AttributeSet attrs) {
        this(context, attrs, 0);
    }

    public MySearchView(Context context, @Nullable AttributeSet attrs, int defStyleAttr) {
        super(context, attrs, defStyleAttr);

        View view = View.inflate(context, R.layout.searchview_layout, this);

        et_search = view.findViewById(R.id.et_search);

    }

    //获取信息
    public String getContent() {
        return et_search.getText().toString();
    }
}

seach_bg.xml

<shape xmlns:android="http://schemas.android.com/apk/res/android"
    android:shape="rectangle">

    <size
        android:width="100dp"
        android:height="30dp" />
    <corners android:radius="15dp" />

    <solid android:color="@color/colorTextGroupBg"/>

</shape>

activity_main.xml

<ScrollView xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="match_parent"
    android:layout_height="match_parent">

    <LinearLayout
        android:layout_width="match_parent"
        android:layout_height="match_parent"
        android:orientation="vertical">

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

            <com.rookie.lymth.test1.MySearchView
                android:id="@+id/mySearchView"
                android:layout_width="match_parent"
                android:layout_height="wrap_content"
                android:layout_weight="1"></com.rookie.lymth.test1.MySearchView>

            <TextView
                android:id="@+id/sousuo"
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:text="搜索"
                android:textSize="20sp" />
        </LinearLayout>

        <TextView
            android:layout_width="match_parent"
            android:layout_height="wrap_content"
            android:padding="20px"
            android:text="热门搜索"
            android:textSize="36px" />

        <com.rookie.lymth.test1.MyFlowLayout
            android:id="@+id/flow_hot_search"
            android:layout_width="match_parent"
            android:layout_height="wrap_content">





            <TextView
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:background="#F00"
                android:text="电饭煲" />

            <TextView
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:background="#F00"
                android:text="手机" />


        </com.rookie.lymth.test1.MyFlowLayout>



        <LinearLayout
            android:layout_width="match_parent"
            android:layout_height="wrap_content"
            android:padding="20px">

            <TextView
                android:layout_width="0dp"
                android:layout_height="wrap_content"
                android:layout_weight="1"
                android:text="历史搜索"
                android:textSize="36px" />

            <ImageView
                android:id="@+id/iv_delete"
                android:layout_width="30dp"
                android:layout_height="30dp"
                android:src="@drawable/cha" />

        </LinearLayout>

        <com.rookie.lymth.test1.MyListView
            android:id="@+id/lv_search"
            android:layout_width="match_parent"
            android:layout_height="match_parent">

        </com.rookie.lymth.test1.MyListView>


    </LinearLayout>

</ScrollView>

searchview_layout.xml

<?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="wrap_content"
    android:orientation="horizontal">

    <LinearLayout
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_weight="1"
        android:background="@drawable/seach_bg"
        android:focusable="true"
        android:focusableInTouchMode="true"
        android:gravity="center_vertical"
        android:orientation="horizontal"
        android:padding="6px">

        <ImageView
            android:layout_width="30dp"
            android:layout_height="30dp"
            android:src="@drawable/a_4" />

        <EditText
            android:id="@+id/et_search"
            android:layout_width="0dp"
            android:layout_height="match_parent"
            android:layout_gravity="center_vertical"
            android:layout_margin="6px"
            android:layout_weight="1"
            android:background="@null"
            android:hint="   请输入要搜索的关键词"
            android:paddingBottom="10px"
            android:paddingLeft="30px"
            android:paddingTop="10px"
            android:textColor="#333"
            android:textColorHint="#666"
            android:textSize="12sp" />
    </LinearLayout>
</LinearLayout>
<color name="colorTextGroupBg">#55999999</color>
Android 流式布局
m0_70083062的博客
05-10 661
public class XFlowLayout extends ViewGroup { private int childHorizontalSpace; private int childVerticalSpace; private Map<Object, Location> mLocationMap; public XFlowLayout(Context context, AttributeSet attrs) { super(context, attrs); TypedArray att
android流式布局
07-16
流式布局
Android流式布局
细心程度决定你的成败
06-21 2232
概述 大家都知道，java 图形编程有一个布局叫FlowLayout，即流式布局。但Android没有，所以今天教大家写一个Android版的流式布局。 代码 核心代码（FlowLayout.java）如下： [java] view plain copy package com.example.flowlayout;     
FlowLayout流式布局实现搜索清空历史记录
08-26
搜索框（`edt`）下方的TagFlowLayout会在布局加载时遍历SP中的数据，创建TextView（`tv.xml`）作为每个历史记录的标签，并添加到FlowLayout中。TextView的背景、间距等可以通过样式资源文件进行定制。 7. **事件...
仿京东 搜索历史 流式布局.zip
06-04
在京东搜索历史页面中，可能会包含一个顶部的搜索框、搜索历史的流式布局，以及可能存在的其他组件，如筛选选项。流式布局允许元素根据屏幕宽度动态调整排列方式，当屏幕空间不足时，元素会自动换行。我们可以通过...
全功能搜索框：流式布局与关键字高亮展示
1. “流布局展示历史记录”：这表明该搜索框采用了流式布局设计，能够动态地以一种视觉上流畅且连续的方式展示用户过往的搜索历史。流布局的特点是灵活性和响应性，适合用于变化频繁的内容，如搜索历史记录。用户...
Android流式布局展示历史搜索记录的实现
在界面上展示时，使用RecyclerView组件通过GridLayoutManager实现流式布局，将历史记录按照用户设置的每行显示数量来排列。 知识点四：保存与管理历史记录 对于历史搜索记录的保存与管理，可以采用多种方式，如本地...
流式标签和搜索历史
10-19
1. **存储搜索历史**：一般使用SharedPreferences、SQLite数据库或 Room 数据库来存储用户的搜索历史记录，便于持久化和检索。 2. **显示搜索历史**：在搜索页面，可以使用ListView、RecyclerView 或其他列表组件来...
Android流式布局FlowLayout
12-08
Android流式布局FlowLayout、使用简单、灵活修改（注意导入代码后需要关联V7包）
android 流式布局
Mydtudysy的博客
03-12 391
今天做项目碰到一个搜索界面的绘制，包括历史记录的添加，搜索后添加到搜索列表，显示的样式类似淘宝 的搜索记录 1.首先创建FlowLayout类，继承ViewGroup public class FlowLayout extends ViewGroup { private static final String TAG = "FlowLayout"; private stati...
安卓流式布局
晓游的专栏
04-05 820
安卓流式布局，经常用在  历史搜索框、人物标签 等安卓功能中， 对于没有经验的同学来说，要自己写流式成册确实是一个难点，或者写出来的自定义布局的运行效率也不高，这里是我自己整理出的一个非常好的例子， 拿出来跟大家交流学习。 1、 FlowViewGroup 类的java代码如下 package com.snippet.worklearn; import android.conte
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值