码迷,mamicode.com
首页 > 移动开发 > 详细

android -------- 流式布局,支持单选、多选等

时间:2019-08-14 21:47:28      阅读:143      评论:0      收藏:0      [点我收藏+]

标签:lis   text   view   mamicode   tap   inflate   ctp   you   功能   

最近开发中有流式标签这个功能,网上学了下,来分享一下

Android 流式布局,支持单选、多选等,适合用于产品标签等。


效果图:

 

技术图片

 

用法:

dependencies {
 compile ‘com.hyman:flowlayout-lib:1.1.2‘
}

 

布局:

   <!--max_select:-1为不限制选择数量,>=1的数字为控制选择tag的数量-->
    <com.zhy.view.flowlayout.TagFlowLayout
        android:id="@+id/id_flowlayout"
        zhy:max_select="-1"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:padding="20dp">
    </com.zhy.view.flowlayout.TagFlowLayout>

代码:

 

public class FlowlayoutActivity extends AppCompatActivity {

    TagFlowLayout tagFlowLayout;
    private List<String> list;
    private LayoutInflater layoutInflater;

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

        list= new ArrayList<>();
        list.add("新闻");
        list.add("美食");
        list.add("体育");
        list.add("生活号");
        list.add("预留");
        list.add("娱乐");
        list.add("杭州市");
        list.add("太行");
        list.add("舞蹈");
        list.add("直播");
        list.add("新闻");
        list.add("美食");
        list.add("体育");
        list.add("生活号");
        list.add("预留");
        list.add("娱乐");
        list.add("杭州市");
        list.add("太行");
        list.add("舞蹈");
        list.add("直播");
        initView();
    }


    private void initView(){
        layoutInflater = LayoutInflater.from(this);
        tagFlowLayout = findViewById(R.id.id_flowlayout);

        tagFlowLayout.setAdapter(new TagAdapter<String>(list)
        {
            @Override
            public View getView(FlowLayout parent, int position, String s)
            {
                TextView tv = (TextView) layoutInflater.inflate(R.layout.flowlayout_item_tv,
                        tagFlowLayout, false);
                tv.setText(s);
                return tv;
            }
        });

        tagFlowLayout.setOnTagClickListener(new TagFlowLayout.OnTagClickListener()
        {
            @Override
            public boolean onTagClick(View view, int position, FlowLayout parent)
            {
                //得到点击的值
                Toast.makeText(getApplicationContext(), list.get(position), Toast.LENGTH_SHORT).show();
                return true;
            }
        });

        tagFlowLayout.setOnSelectListener(new TagFlowLayout.OnSelectListener() {
            @Override
            public void onSelected(Set<Integer> selectPosSet) {
                Log.i("得到下标的集合",selectPosSet.toString());
                //得到下标的集合
                //Toast.makeText(getApplicationContext(),  selectPosSet.toString()+"s", Toast.LENGTH_SHORT).show();
            }
        });


        /*//预先设置选中
        mAdapter.setSelectedList(1,3,5,7,8,9);
        //获得所有选中的pos集合
        flowLayout.getSelectedList();*/
    }
}

 

上图日志:

技术图片

 

代码文档:https://github.com/hongyangAndroid/FlowLayout

 

android -------- 流式布局,支持单选、多选等

标签:lis   text   view   mamicode   tap   inflate   ctp   you   功能   

原文地址:https://www.cnblogs.com/zhangqie/p/10882573.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!