FlexBoxLayout结合DBFlow 实现流式布局

前言

上一篇文章介绍了 DBFlow 的一些简单操作,这一次将继续使用 DBFlow 完成数据的存储。当然这一次我们集合使用了 Google 推出的 FlexboxLayout 布局。

使用

DBFlow 上一篇介绍了相关配置,这里就不多说了。主要介绍 FlexboxLayout 的使用。废话不多说,先贴图:

FlexBoxLayout结合DBFlow 实现流式布局_第1张图片

上图需要 流式布局数据库存储自定义 searcheView 这里主要介绍 FlexBoxLayout 以及数据库简单存储。

FlexBoxLayout

这里主要讲解如何实现上图效果:

FlexBoxLayout地址

1.添加依赖:

compile 'com.google.android:flexbox:0.2.6'

2.在你的布局中使用:

   

3.在代码中动态添加,当成 ViewGroup

//hotlist---搜索关键字 字段的集合
private void initView(List hotList){

   //获取flexboxlayout
    FlexboxLayout flexBoxLayout = (FlexboxLayout)findViewById(R.id.flexboox_layout);
    for (int i = 0; i < hotList.size(); i++) {
        TextView textView = creatTextView(hotList.get(i).getName());
        flexBoxLayout.addView(textView);
    }           
    //点击事件
    for (int i = 0; i < flexBoxLayout.getChildCount(); i++) {
        //获取每一个childview (添加的textview)
        TextView childView = (TextView) flexBoxLayout.getChildAt(i);
        //点击事件
        flexBoxLayout.getChildAt(i).setOnClickListener(
        new FlexItemClickListener(childView.getText().toString()));
    }
}

4.创建 Textview

    private TextView creatTextView(String text) {
    
    TextView textView = new TextView(this);
    //字体颜色
    textView.setTextColor(ContextCompat.getColor(this, R.color.text_666));
    //设置字体大小
    textView.setTextSize(TypedValue.COMPLEX_UNIT_PX,24);
    textView.setText(text);
    //背景
    textView.setBackgroundResource(R.drawable.flextext_rect_shape); 
    FlexboxLayout.LayoutParams layoutParams = new FlexboxLayout.LayoutParams(
            ViewGroup.LayoutParams.WRAP_CONTENT,
            ViewGroup.LayoutParams.WRAP_CONTENT);       
    //padding
    int padding = SizeUtils.dpToPx(10);
    ViewCompat.setPaddingRelative(textView,padding , padding,
            padding, padding);
    layoutParams.setMargins(10, 20, 10, 0);
    textView.setLayoutParams(layoutParams);
    return textView;
}

完成上述 就可以实现动态添加,完成搜索关键字的标签了。 历史标签和上面方法一致。

DBFlow

当搜索以后,再搜索历史中动态添加,这里就需要往数据库中存储,然后每次进入此页面,都需要从数据库中读取,回显数据,展示在搜素历史中。

1.具体使用

@Database(name = SearchDataBase.NAME, version = SearchDataBase.VERSION)
public class SearchDataBase {
    //数据库名称
    public static final String NAME = "SearchDataBase";
    //数据库版本号
    public static final int VERSION = 1;
}

2.新建 model 继承 baseModel

@Table(database = SearchDataBase.class)
public class SearchModel extends BaseModel{

@PrimaryKey(autoincrement = true)
public int id;

@Column
public String history;

}

3.build——makeProjuect 在 module 的 build 中查看是否生产对于文件(上一篇有介绍)。

4.当点击搜索以后,将搜索内容存储在数据库中

 //先查询表中是否存在 Ruomiz
Cursor cursor = new Select()
.from(SearchModel.class)
.where(SearchModel_Table.history.is(Ruomiz))
.query();

//如果表中没有 则存储本地数据库 不重复添加
if (!cursor.moveToNext()) {
    SearchModel searchModel = new SearchModel();
    searchModel.history = Ruomiz;
    searchModel.save(); //存储
  }

5.查询所有数据

//查询返回的为集合
List dataBasesList = new Select().from(SearchModel.class).queryList();

6.删除搜索历史

//删除表中所有
 SQLite.delete(SearchModel.class).execute();    

//删除所有
//new Delete().from(SearchModel.class).execute();

//按条件删除 删除表中history为Ruomiz  id为1的字段(这个只为演示)
// SQLite.delete(SearchModel.class)
//  .where(SearchModel_Table.history.e("Ruomiz"))
//  .and(SearchModel_Table.id.eq(1)).execute();

7.每次删除或者搜索后要刷新数据,实现在标签中更新数据。

效果

FlexBoxLayout结合DBFlow 实现流式布局_第2张图片

8.data/data 目录下找到你建立的数据库,打开可以查看数据。


FlexBoxLayout结合DBFlow 实现流式布局_第3张图片

总结

FlexboxLayout 很方便就为我们完成了标签,结合 DBFlow 完成需求。DBFlow 有配置问题可以查看上一篇文章。
DBFlow的初步使用

你可能感兴趣的:(FlexBoxLayout结合DBFlow 实现流式布局)