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();
}
});
}
}
布局文件
<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" />