官方FlowLayout的使用，以及使用TagFlowLayout的一个问题

Jingbin

发布于 2019-06-19 10:24:41

6.2K0

发布于 2019-06-19 10:24:41

文章被收录于专栏：Android 技术栈Android 技术栈

问题

一直使用的是鸿洋的TagFlowLayout，用于显示标签的自动换行问题。但最近遇到一个问题：如果内容过长则右边的内容会缺一块，如果是一个圆角背景则会被切掉一点。为此我花费了大量时间，用官方的FlowLayout替代解决这个问题。

需要注意的是，官方的也不能在添加的view上加左右的margin，否则也会出现上述问题，而TagFlowLayout也是代码里添加了增加margin造成的。

FlowLayout的使用

        <android.support.design.internal.FlowLayout
            android:id="@+id/tfl_content"
            android:layout_width="match_parent"
            android:layout_height="wrap_content"
            android:layout_marginStart="17dp"
            android:layout_marginTop="10dp"
            android:layout_marginEnd="10dp"
            app:itemSpacing="8dp"
            app:layout_constraintRight_toRightOf="parent"
            app:layout_constraintStart_toStartOf="parent"
            app:layout_constraintTop_toBottomOf="@+id/tv_title"
            app:lineSpacing="8dp" />

不能在添加的view上加左右的margin，我们可以使用属性：

app:itemSpacing 每个tag之间的间隔
app:lineSpacing 行距

代码添加view:

    private void showTagView(android.support.design.internal.FlowLayout flowLayout, final List<ArticlesBean> beanList) {
        flowLayout.removeAllViews();
        for (int i = 0; i < beanList.size(); i++) {
            TextView textView = (TextView) View.inflate(flowLayout.getContext(), R.layout.layout_navi_tag, null);
            textView.setText(Html.fromHtml(beanList.get(i).getTitle()));
            flowLayout.addView(textView);
            });
        }
    }