TagView
Android TagView-HashTagView
Install / Use
/learn @Cutta/TagViewREADME
Android TagView
Android TagView-HashTagView
<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
- Editable Style of Text, such as Font size and color.
- Editable Style of Tag, Background/Pressed Color, Radius effect, Custom Background, Delete mode.
- Listener of tag selecting and deleting.
- Can be created from XML file or Java code.
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; '><</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.
Related Skills
node-connect
351.2kDiagnose OpenClaw node connection and pairing failures for Android, iOS, and macOS companion apps
frontend-design
110.6kCreate distinctive, production-grade frontend interfaces with high design quality. Use this skill when the user asks to build web components, pages, or applications. Generates creative, polished code that avoids generic AI aesthetics.
openai-whisper-api
351.2kTranscribe audio via OpenAI Audio Transcriptions API (Whisper).
qqbot-media
351.2kQQBot 富媒体收发能力。使用 <qqmedia> 标签,系统根据文件扩展名自动识别类型(图片/语音/视频/文件)。
