Android 流式布局FlowLayout

FlowLayout
Android 流式布局FlowLayout 实现关键字标签

效果图
FlowLayout

使用方法
在项目根目录的build.gradle文件中加入如下代码
maven { url “https://jitpack.io” }

在app根目录的buil.gradle文件中加入依赖
compile ‘com.github.alidili:FlowLayout:v1.5’
加入依赖

在Activity中使用，设置点击事件
public class MainActivity extends AppCompatActivity {

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

    FlowLayout flKeyword = findViewById(R.id.fl_keyword);

    //  集合
    List<String> list = new ArrayList<>();
    list.add("关键词一");
    list.add("关键词二");
    list.add("关键词三");
    list.add("关键词四");
    list.add("关键词五");

    // 设置文字大小
    flKeyword.setTextSize(15);
    // 设置文字颜色
    flKeyword.setTextColor(Color.BLACK);
    // 设置文字背景
    flKeyword.setBackgroundResource(R.drawable.bg_frame);

    // 设置文字水平margin
    flKeyword.setHorizontalSpacing(15);
    // 设置文字垂直margin
    flKeyword.setVerticalSpacing(15);

    // 设置文字水平padding
    flKeyword.setTextPaddingH(15);
    // 设置文字垂直padding
    flKeyword.setTextPaddingH(8);

    // 设置UI与点击事件监听
    // 最后调用setViews方法
    flKeyword.setViews(list, new FlowLayout.OnItemClickListener() {
        @Override
        public void onItemClick(String content) {
            Toast.makeText(MainActivity.this, content, Toast.LENGTH_SHORT).show();
        }
    });

    // 增加关键字
    flKeyword.addView("关键字六", new FlowLayout.OnItemClickListener() {
        @Override
        public void onItemClick(String content) {
            Toast.makeText(MainActivity.this, content, Toast.LENGTH_SHORT).show();
        }
    });
}

}
布局文件

<?xml version="1.0" encoding="utf-8"?>

<com.yang.flowlayoutlibrary.FlowLayout
    android:id="@+id/fl_keyword"
    android:layout_width="match_parent"
    android:layout_height="wrap_content"
    android:layout_marginLeft="10dp"
    android:layout_marginRight="10dp"
    android:layout_marginTop="10dp"
    app:backgroundResource="@drawable/bg_frame"
    app:horizontalSpacing="15dp"
    app:itemColor="@color/colorAccent"
    app:itemSize="15sp"
    app:textPaddingH="15dp"
    app:textPaddingV="8dp"
    app:verticalSpacing="15dp" />