为了账号安全,请及时绑定邮箱和手机立即绑定

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

标签:
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);
        }
    }

注意:

  • 完整路径名:android.support.design.internal.FlowLayout
  • app:itemSpacing 未知原因不能直接关联属性
  • 不能在view里直接设置 margin ,会出现圆角背景会被切掉的问题。
  • 如果使用 ConstraintLayout,则FlowLayout使用:layout_width="match_parent"
点击查看更多内容
TA 点赞

若觉得本文不错,就分享一下吧!

评论

作者其他优质文章

正在加载中
移动开发工程师
手记
粉丝
8
获赞与收藏
25

关注作者,订阅最新文章

阅读免费教程

  • 推荐
  • 评论
  • 收藏
  • 共同学习,写下你的评论
感谢您的支持,我会继续努力的~
扫码打赏,你说多少就多少
赞赏金额会直接到老师账户
支付方式
打开微信扫一扫,即可进行扫码打赏哦
今天注册有机会得

100积分直接送

付费专栏免费学

大额优惠券免费领

立即参与 放弃机会
意见反馈 帮助中心 APP下载
官方微信

举报

0/150
提交
取消