Home

Awesome

Android TagView

Android TagView-HashTagView

Android Arsenal <br><br>Xamarin version, written by <a href = "https://github.com/fernandolopes">@fernandolopes</a><br> https://github.com/fernandolopes/Xamarin.Android.TagView

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

Gradle

repositories {
   maven {
       url "https://jitpack.io"
   }
}
dependencies {
   compile 'com.github.Cutta:TagView:1.3'
}

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(R.id.tag_view);
//You can add one tag
tagGroup.addTag(Tag tag);
//You can add multiple tag via ArrayList
tagGroup.addTags(ArrayList<Tag> tags);
//Via string array
addTags(String[] tags);

 
  //set click listener
     tagGroup.setOnTagClickListener(new OnTagClickListener() {
           @Override
           public void onTagClick(Tag tag, int position) {
           }
       });
       
  //set delete listener
           tagGroup.setOnTagDeleteListener(new OnTagDeleteListener() {
           @Override
           public void onTagDeleted(final TagView view, final Tag tag, final int position) {
           }
       });

//set long click listener
     tagGroup.setOnTagLongClickListener(new OnTagLongClickListener() {
           @Override
           public void onTagLongClick(Tag tag, int position) {
           }
       });

Sample APK

https://www.dropbox.com/s/m1y1npssj5b4bck/app-debug.apk?dl=0

Credits

<a href = "https://plus.google.com/u/0/116948443141721480957"><img src = "https://raw.githubusercontent.com/florent37/DaVinci/master/mobile/src/main/res/drawable-hdpi/gplus.png"/></a> <a href = "https://twitter.com/Cuneyt_Carikci"><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/c%C3%BCneyt-%C3%A7ar%C4%B1k%C3%A7i-b4619161?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 2015 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.