Home

Awesome

#Xamarin Android TagView Xamarin Android TagView-HashTagView

Android Arsenal

Simple android view to display collection of colorful tags efficiently. You can edit the tag's style, and set listener of selecting or deleting tag. Example usages can be found in example project.

#Screen <img src="http://s11.postimg.org/rry7lw877/Screenshot_2015_09_29_21_17_53.png"></img> <img src="http://i.giphy.com/3oEduFls2tAwrOALzG.gif"></img>

#Feature

#Nuget

PM>Install-Package TagView

#Usage

<pre style='color:#000000;background:#ffffff;'><span style='color:#a65700; '>&lt;</span><span style='color:#5f5035; '>com.cunoraz.tagview.TagView</span> <span style='color:#007997; '>xmlns</span><span style='color:#800080; '>:</span><span style='color:#274796; '>tagview</span><span style='color:#808030; '>=</span><span style='color:#800000; '>"</span><span style='color:#0000e6; '>http://schemas.android.com/apk/res-auto</span><span style='color:#800000; '>"</span> <span style='color:#007997; '>android</span><span style='color:#800080; '>:</span><span style='color:#274796; '>id</span><span style='color:#808030; '>=</span><span style='color:#800000; '>"</span><span style='color:#0000e6; '>@+id/tag_group</span><span style='color:#800000; '>"</span> <span style='color:#007997; '>android</span><span style='color:#800080; '>:</span><span style='color:#274796; '>layout_width</span><span style='color:#808030; '>=</span><span style='color:#800000; '>"</span><span style='color:#0000e6; '>match_parent</span><span style='color:#800000; '>"</span> <span style='color:#007997; '>android</span><span style='color:#800080; '>:</span><span style='color:#274796; '>layout_height</span><span style='color:#808030; '>=</span><span style='color:#800000; '>"</span><span style='color:#0000e6; '>match_parent</span><span style='color:#800000; '>"</span> <span style='color:#007997; '>android</span><span style='color:#800080; '>:</span><span style='color:#274796; '>layout_margin</span><span style='color:#808030; '>=</span><span style='color:#800000; '>"</span><span style='color:#0000e6; '>10dp</span><span style='color:#800000; '>"</span> <span style='color:#007997; '>tagview</span><span style='color:#800080; '>:</span><span style='color:#274796; '>lineMargin</span><span style='color:#808030; '>=</span><span style='color:#800000; '>"</span><span style='color:#0000e6; '>5dp</span><span style='color:#800000; '>"</span> <span style='color:#007997; '>tagview</span><span style='color:#800080; '>:</span><span style='color:#274796; '>tagMargin</span><span style='color:#808030; '>=</span><span style='color:#800000; '>"</span><span style='color:#0000e6; '>5dp</span><span style='color:#800000; '>"</span> <span style='color:#007997; '>tagview</span><span style='color:#800080; '>:</span><span style='color:#274796; '>textPaddingLeft</span><span style='color:#808030; '>=</span><span style='color:#800000; '>"</span><span style='color:#0000e6; '>8dp</span><span style='color:#800000; '>"</span> <span style='color:#007997; '>tagview</span><span style='color:#800080; '>:</span><span style='color:#274796; '>textPaddingTop</span><span style='color:#808030; '>=</span><span style='color:#800000; '>"</span><span style='color:#0000e6; '>5dp</span><span style='color:#800000; '>"</span> <span style='color:#007997; '>tagview</span><span style='color:#800080; '>:</span><span style='color:#274796; '>textPaddingRight</span><span style='color:#808030; '>=</span><span style='color:#800000; '>"</span><span style='color:#0000e6; '>8dp</span><span style='color:#800000; '>"</span> <span style='color:#007997; '>tagview</span><span style='color:#800080; '>:</span><span style='color:#274796; '>textPaddingBottom</span><span style='color:#808030; '>=</span><span style='color:#800000; '>"</span><span style='color:#0000e6; '>5dp</span><span style='color:#800000; '>"</span> <span style='color:#a65700; '>/></span> </pre>
TagView tagGroup = (TagView)FindViewById(Resource.Id.tag_group);
//You can add one tag
tagGroup.AddTag(Tag tag);
//You can add multiple tag via ArrayList
tagGroup.AddTag(List<Tag> tags);
//Via string array
AddTags(string[] tags);

 
  //set click listener
     tagGroup.SetOnTagClickListener(new MyClick(tagGroup));
     
       private partial class MyClick : TagView.IOnTagClickListener
       {
           public TagView _tagGroup { get; set; }
           public MyClick(TagView tagGroup) {
               _tagGroup = tagGroup;
           }

           public void OnTagClick(Tag tag, int position)
           {
               ...
           }
       }
       
  //set delete listener
     tagGroup.SetOnTagDeleteListener(new MyDelete(tagGroup));
     
   	private partial class MyDelete : TagView.IOnTagDeleteListener
       {
           public TagView _tagGroup { get; set; }
           public MyDelete(TagView tagGroup)
           {
               _tagGroup = tagGroup;
           }

           public void OnTagDeleted(TagView view, Tag tag, int position)
           {
               _tagGroup.Remove(position);
           }
       }

//set long click listener
     tagGroup.SetOnTagLongClickListener(new MyLongClick(tagGroup));
     
       private partial class MyDelete : TagView.IOnTagLongClickListener
       {
           public TagView _tagGroup { get; set; }
           public MyDelete(TagView tagGroup)
           {
               _tagGroup = tagGroup;
           }

           public void OnTagDeleted(TagView view, Tag tag, int position)
           {
               ...
           }
       }

#Credits

<a href = "https://plus.google.com/u/1/106488670082985646733"><img src = "https://raw.githubusercontent.com/florent37/DaVinci/master/mobile/src/main/res/drawable-hdpi/gplus.png"/></a> <a href = "https://twitter.com/fernandolopes11"><img src = "https://raw.githubusercontent.com/florent37/DaVinci/master/mobile/src/main/res/drawable-hdpi/twitter.png"/></a> <a href = "https://www.linkedin.com/in/fernando-lopes-da-silva-81156131?trk=nav_responsive_tab_profile_pic"><img src = "https://raw.githubusercontent.com/florent37/DaVinci/master/mobile/src/main/res/drawable-hdpi/linkedin.png"/></a> #License Copyright 2017 Fernando Lopes.

Special thanks to the original author of the Java code: Cüneyt Çarıkçi

Licensed under the Apache License, Version 2.0 (the "License"); you may not use this file except in compliance with the License. You may obtain a copy of the License at

http://www.apache.org/licenses/LICENSE-2.0

Unless required by applicable law or agreed to in writing, software distributed under the License is distributed on an "AS IS" BASIS, WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. See the License for the specific language governing permissions and limitations under the License.