Android中使用TagFlowLayout制作动态添加删除标签
效果图
简单的效果图(使用开源库)[FlowLayout](“ https://github.com/hongyangAndroid/FlowLayout “)
步骤
导包
compile 'com.zhy:flowlayout-lib:1.0.3' <com.zhy.view.flowlayout.TagFlowLayout android:id="@+id/id_flowlayout" zhy:max_select="-1" android:layout_width="fill_parent" android:layout_height="wrap_content" android:padding="20dp"> </com.zhy.view.flowlayout.TagFlowLayout>
初始化数据
private String[] mVals = new String[] {"Hello", "Android", "Weclome Hi ", "Button", "TextView", "Hello", "Android", "Weclome", "Button ImageView", "TextView", "Helloworld" }; arrTab = new ArrayList(); //添加一条数据用于添加标签的替换 arrTab.add("tab");
设置TagFlowLayout的adapter
//设置adapter adapter = new TagAdapter<String>(arrTab){ @Override public View getView(FlowLayout parent, final int position, String s) { System.out.println(position + "---" + (arrTab.size() - 1)); if (position == arrTab.size() - 1){ //设置最后一个添加标签的布局 LinearLayout iv = (LinearLayout) LayoutInflater.from(SecondActivity.this).inflate( R.layout.iv, mFlowLayout,false); //如果点击就添加元素并刷新adapter iv.setOnClickListener(new View.OnClickListener() { @Override public void onClick(View v) { int i = arrTab.size() - 1; //将新加入的数据加到集合的最后一个位置,而原来的添加图标会到 +1 的位置 arrTab.add(i , mVals[position]); adapter.notifyDataChanged(); } }); return iv ; }else{ //正常标签的布局 RelativeLayout tv = (RelativeLayout) LayoutInflater.from(SecondActivity.this).inflate( R.layout.tv, mFlowLayout,false); TextView viewById = (TextView) tv.findViewById(R.id.tv_name); viewById.setText(s); ImageView imageView = (ImageView) tv.findViewById(R.id.iv_delete); imageView.setOnClickListener(new View.OnClickListener() { @Override public void onClick(View v) { arrTab.remove(position); System.out.println("我点击的是" + position); adapter.notifyDataChanged(); } }); return tv; } } }; mFlowLayout.setAdapter(adapter);
各种布局文件
iv <LinearLayout xmlns:android="http://schemas.android.com/apk/res/android" android:layout_width="88dp" android:paddingTop="5dp" android:layout_height="40dp"> <ImageView android:layout_gravity="center" android:layout_width="wrap_content" android:layout_height="wrap_content" android:background="@drawable/bacs_btn_addbq" /> </LinearLayout> tv <RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android" android:layout_width="88dp" android:layout_height="wrap_content"> <!--android:background="@drawable/tag_bg"--> <TextView android:id="@+id/tv_name" android:layout_marginTop="7dp" android:layout_width="80dp" android:gravity="center" android:layout_height="32dp" android:background="@drawable/bg_tv" android:text="我是唯爱" android:textSize="13sp" android:textColor="#FFF"> </TextView> <ImageView android:id="@+id/iv_delete" android:layout_alignParentRight="true" android:layout_width="15dp" android:layout_height="15dp" android:src="@drawable/sm_ico_sounddel" /> </RelativeLayout>
以上所述是小编给大家介绍的Android中使用TagFlowLayout制作动态添加删除标签,希望对大家有所帮助,如果大家有任何疑问请给我留言,小编会及时回复大家的。在此也非常感谢大家对脚本之家网站的支持!
相关文章
Android自定义ImageView实现点击两张图片切换效果
这篇文章主要为大家详细介绍了Android自定义ImageView实现点击两张图片切换效果,文中示例代码介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们可以参考一下2017-12-12AndriodStudio使用listview实现简单图书管理
这篇文章主要为大家详细介绍了AndriodStudio使用listview实现简单图书管理,文中示例代码介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们可以参考一下2022-03-03Kotlin封装RecyclerView Adapter实例教程
这篇文章主要给大家介绍了关于Kotlin封装RecyclerView Adapter的相关资料,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友们下面随着小编来一起学习学习吧2018-08-08详解Android中Activity运行时屏幕方向与显示方式
本文主要对如何控制Android中Activity运行时屏幕方向与显示方式进行详细全面的实例讲解。具有很好的参考价值,需要的朋友一起来看下吧2016-12-12Android 开发之Dialog,Toast,Snackbar提醒
这篇文章主要介绍了Android 开发之Dialog,Toast,Snackbar提醒的相关资料,需要的朋友可以参考下2017-03-03
最新评论