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制作动态添加删除标签,希望对大家有所帮助,如果大家有任何疑问请给我留言,小编会及时回复大家的。在此也非常感谢大家对脚本之家网站的支持!

时间: 2024-12-23 19:36:39

Android中使用TagFlowLayout制作动态添加删除标签的相关文章

android一个动态添加删除网格视图的demo,可把状态保存在数据库中

转自: http://www.apkbus.com/forum.php?mod=viewthread&tid=166579 一个动态添加删除网格视图的demo,可把状态保存在数据库中,用于下次进来继续用.里面还有对不同item进行跳转,动画效果...总之十分好用,希望给大家带来帮助.有图有真相,亲们 ,赶快行动吧!! 数据库, 动态 本主题由 jnhoodlum 于 2014-4-1 16:32 添加图标 原创 a2.png(158.32 KB, 下载次数: 5) 点击添加进入添加应用页面,打钩

揭秘在ListView等AdapterView上动态添加删除项的陷阱_Android

如何避开在ListView等AdapterView上动态添加删除项的陷阱,下面就为大家分享,具体内容如下 首先,定义如下array资源,作为列表的加载内容: <resources> <string name="app_name">MyListView</string> <string-array name="language"> <item>Java</item> <item>C&l

jQuery使用toggleClass方法动态添加删除Class样式的方法

这篇文章主要介绍了jQuery使用toggleClass方法动态添加删除Class样式的方法,实例分析了jQuery中toggleClass方法操作class样式的技巧,具有一定参考借鉴价值,需要的朋友可以参考下     本文实例讲述了jQuery使用toggleClass方法动态添加删除Class样式的方法.分享给大家供大家参考.具体分析如下: jQuery通过toggleClass方法动态添加删除Class,一次执行相当于addClass,再次执行相当于removeClass,运行下面的代码

jQuery使用toggleClass方法动态添加删除Class样式的方法_jquery

本文实例讲述了jQuery使用toggleClass方法动态添加删除Class样式的方法.分享给大家供大家参考.具体分析如下: jQuery通过toggleClass方法动态添加删除Class,一次执行相当于addClass,再次执行相当于removeClass,运行下面的代码点击按钮可以看到文本段落字体在蓝色和黑色间切换 <!DOCTYPE html> <html> <head> <script src="js/jquery.min.js"&

jquery动态添加删除div 具体实现

这篇文章介绍了jquery动态添加删除div实现代码,有需要的朋友可以参考一下   复制代码 代码如下: <script type="text/javascript" src="jquery.js"></script> <body> <form action="" method="post" enctype="multipart/form-data"> <

JQuery实现动态添加删除评论的方法

  本文实例讲述了JQuery实现动态添加删除评论的方法.分享给大家供大家参考.具体实现方法如下: ? 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 63 64 65 66 67 68 69

利用js动态添加删除table行的示例代码

 本篇文章主要是对利用js动态添加删除table行的示例代码进行了介绍,需要的朋友可以过来参考下,希望对大家有所帮助 如下所示:    代码如下: //动态添加行 function addRow(){    var table = document.getElementById("tableID");    var newRow = table.insertRow(); //创建新行    var newCell1 = newRow.insertCell(); //创建新单元格    

动态添加删除表格行的js实现代码

 本篇文章主要是对动态添加删除表格行的js实现代码进行了介绍,需要的朋友可以过来参考下,希望对大家有所帮助  代码如下: <html> <head> <script language="javascript">   //窗口表格增加一行   function addNewRow(){    var tabObj=document.getElementById("myTab");//获取添加数据的表格    var rowsNum

jquery动态添加删除一行数据示例

 这篇文章主要介绍了jquery如何动态添加删除一行数据,需要的朋友可以参考下 <html> <head> <title>添加.删除一行</title> <meta http-equiv="content-type" content="text/html; charset=UTF-8"> <script type="text/javascript" src="../js/