zoukankan      html  css  js  c++  java
  • android -------- 流式布局,支持单选、多选等

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

    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

  • 相关阅读:
    bzoj 1689: [Usaco2005 Open] Muddy roads 泥泞的路【贪心】
    bzoj 1734: [Usaco2005 feb]Aggressive cows 愤怒的牛【二分+贪心】
    bzoj 3401: [Usaco2009 Mar]Look Up 仰望【单调栈】
    bzoj 1652: [Usaco2006 Feb]Treats for the Cows【区间dp】
    bzoj 1718: [Usaco2006 Jan] Redundant Paths 分离的路径【tarjan】
    bzoj 1655: [Usaco2006 Jan] Dollar Dayz 奶牛商店【高精度+完全背包】
    洛谷 P3121 [USACO15FEB]审查(黄金)Censoring (Gold) 【AC自动机+栈】
    bzoj 3942: [Usaco2015 Feb]Censoring【kmp+栈】
    bzoj 1578: [Usaco2009 Feb]Stock Market 股票市场【背包】
    性能优化一大推
  • 原文地址:https://www.cnblogs.com/zhangqie/p/10882573.html
Copyright © 2011-2022 走看看