AndroidTagView 云标签

最新推荐文章于 2024-06-20 03:40:51 发布
最新推荐文章于 2024-06-20 03:40:51 发布
阅读量3.4k 收藏 1
点赞数
分类专栏： Android开源框架 文章标签： 标签 android View 云标签

AndroidTagView云标签

Build Status Android Arsenal

　　这是一个Android的云标签示例，这个Ｖｉｅｗ支持标签，点击，长按弹出删除对话框，拖拽排序，当前行超出屏幕宽度自动挤压到第二行……

截图

这里写图片描述
这里写图片描述

Usage使用

步骤 1

　　向build.gradle 添加依赖：

dependencies {
    compile 'co.lujun:androidtagview:1.1.1'
}

步骤 2

　　在你的布局文件中使用AndroidTagView，你可以为AndroidTaghView自定义属性。

<co.lujun.androidtagview.TagContainerLayout
    android:layout_width="match_parent"
    android:layout_height="wrap_content"
    android:layout_margin="0dp"
    android:padding="10dp"
    app:container_enable_drag="false"
    app:horizontal_interval="10dp"
    app:vertical_interval="10dp"
    app:tag_clickable="true"
    app:tag_theme="pure_teal" />

步骤 3

　　在你的代码中使用AndroidTagView：

TagContainerLayout mTagContainerLayout = (TagContainerLayout) findViewById(R.id.tagcontainerLayout);
mTagContainerLayout.setTags(List<String> tags);

　　现在，你已经成功的创建了TagView了。下文会展示更多有用的自定义属性：

属性

nameformatdescription
vertical_intervaldimension垂直间隔，默认是5dp
horizontal_intervaldimension水平间隔，默认是5dp
container_border_widthdimensionTagContainerLayout的边框粗细，默认是0.5dp
container_border_radiusdimensionTagContainerLayout的边框圆角，默认是10.0dp
container_border_colorcolorTagContainerLayout 的边框颜色(默认是#22FF0000)
container_background_colorcolorTagContainerLayout的背景颜色(默认是#11FF0000)
container_enable_dragbooleanTagView是否可拖拽(默认是false)
container_drag_sensitivityfloatTagView拖拽灵敏度(默认是1.0f, normal)
container_gravityenumTagContainerLayout gravity的Gravity属性
container_max_linesintegerTagContainerLayout的最大行数(默认是0, 自动增长)
tag_border_widthdimensionTagView的边框狂赌(默认是0.5dp)
tag_corner_radiusdimensionTagView的边框圆角(默认是15.0dp)
tag_horizontal_paddingdimensionTagView的水平padding属性值, 包括left和right的padding属性值(左右的padding值是相同的, 默认是10dp)
tag_vertical_paddingdimensionTagView的垂直padding属性值, 包括top和bottom的padding属性值(上下的padding值是相同的, 默认是8dp)
tag_text_sizedimensionTagView的文字大小(默认是14sp)
tag_bd_distancedimension基线和 descent之间的距离(默认是2.75dp)
tag_text_colorcolorTagView的文字颜色(默认是 #FF666666)
tag_border_colorcolorTagView边框颜色(默认是 #88F44336)
tag_background_colorcolorTagView背景颜色(默认是#33F44336)
tag_max_lengthintegerTagView可以占到的最大长度(默认的最大长度是23)
tag_clickablebooleanTagView是否可点击(默认是不可点击unclickable)
tag_themeenumTagView的 主题
tag_text_directionenumTagView的字体方向
tag_ripple_colorcolor涟漪效应色彩 (默认是#EEEEEE)
tag_ripple_alphainteger涟漪效应的Alpha值 (Alpha的范围在0 ～ 255之间, 默认是128)
tag_ripple_durationinteger涟漪效应的持续事件(以毫秒为单位, 默认是1000ms)
tag_enable_crossboolean启用云标签的X图标（点击删除）(默认是false)
tag_cross_widthdimension叉叉的宽度（叉叉的点击区域，默认等于tagview的高度）
tag_cross_colorcolor叉叉的颜色(默认是Color.BLACK)
tag_cross_line_widthdimension叉线的宽度（默认1dp）
tag_cross_area_paddingdimension叉叉的padding值(默认是10dp)
tag_support_letters_rltboolean是否支持“字母显示与RTL（如：Android -> diordna）风格（默认为false）

You can set these attributes in layout file, or use setters(each attribute has get and set method) to set them.

　　你可以在你的布局文件中设置这些属性，或者使用set方法来为TagView设置属性。

主题

themecodevaluedescription
noneColorFactory.NONE-1自定义主题时，必须优先设置该参数
randomColorFactory.RANDOM0为每一个标签设置一个随机的颜色
pure_cyanColorFactory.PURE_CYAN1所有的TagView使用纯青色
pure_tealColorFactory.PURE_TEAL2所有的TagView使用纯绿色

标签文本方向

directioncodevaluedescription
ltrView.TEXT_DIRECTION_LTR3由左到右（默认）
rtlView.TEXT_DIRECTION_RTL4由右到左

注：是标签内文本方向

标签文本水平对齐

gravitycodevaluedescription
leftGravity.LEFT3居左（默认）
centerGravity.CENTER17居中
rightGravity.RIGHT5居右

方法

  • 为TagView设置监听事件，有单击事件，长按事件，点击叉叉事件
mTagContainerLayout.setOnTagClickListener(new TagView.OnTagClickListener() {

    @Override
    public void onTagClick(int position, String text) {
        // ...
    }

    @Override
    public void onTagLongClick(final int position, String text) {
        // ...
    }

    @Override
    public void onTagCrossClick(int position) {
        // ...
    }
});
  • 设置标签的最大长度
mTagContainerLayout.setTagMaxLength(int max);
  • Use getTagText(int position) to get TagView text at the specified location.（通过position获取某个标签的文字）
String text = mTagContainerLayout.getTagText(int position);
  • 获取所有标签的文字
List<String> list = mTagContainerLayout.getTags();
  • 如果你把container_enable_drag 属性设置为 true （即设置可拖拽模式）, 当你拖拽一个TagView ，你可以使用 getTagViewState()获取当前TagView的状态位。
  • 这里有三个状态位:
  • ViewDragHelper.STATE_IDLE（空闲模式）
  • ViewDragHelper.STATE_DRAGGING（正在拖拽模式）
  • ViewDragHelper.STATE_SETTLING（正在设置模式）
int state = mTagContainerLayout.getTagViewState();
  • 设置主题
  • 如果你想要自定义TagView的主题，首先要设置主题属性值为ColorFactory.NONE，然后再设置其他的主题属性
// Set library provides theme
mTagContainerLayout.setTheme(ColorFactory.PURE_CYAN);
// Set customize theme
mTagContainerLayout.setTheme(ColorFactory.NONE);
mTagContainerLayout.setTagBackgroundColor(Color.TRANSPARENT);
  • 设置文本方向
  • 总共致支持两种方向
    View.TEXT_DIRECTION_LTR 和View.TEXT_DIRECTION_RTL。
mTagContainerLayout.setTagTextDirection(View.TEXT_DIRECTION_RTL);
  • 使用setTagTypeface(Typeface typeface)设置标签的字体样式
Typeface typeface = Typeface.createFromAsset(getAssets(), "iran_sans.ttf");
mTagContainerLayout.setTagTypeface(typeface);

设置完标签的属性之后，可以设置tags或者是添加一个tag

  • 设置标签，参数为 List 或 String[]：setTags()
mTagContainerLayout.setTags(List<String> tags);
  • 追加一个标签
mTagContainerLayout.addTag(String text);
  • 定点（插入位置为定点之前）插入一个标签
mTagContainerLayout.addTag(String text, int position);
  • 删除指定位置的标签
mTagContainerLayout.removeTag(int position);
  • 删除所有标签
mTagContainerLayout.removeAllTags();
  • 为每一个TagView设置颜色
List<int[]> colors = new ArrayList<int[]>();
//int[] color = {TagBackgroundColor, TabBorderColor, TagTextColor}
int[] color1 = {Color.RED, Color.BLACK, Color.WHITE};
int[] color2 = {Color.BLUE, Color.BLACK, Color.WHITE};
colors.add(color1);
colors.add(color2);
mTagcontainerLayout.setTags(tags, colors);

版本迭代日志

1.1.1(2017-4-16)

  • Customize the color of the TagView, see #51
  • Fixed issue #50, #49

1.1.0(2017-3-5)

  • Fixed issue #45
  • Support ‘letters show with RTL(eg: Android -> diordnA)’ style

1.0.6(2017-2-14)

  • Fix bugs

1.0.5(2016-11-9)

  • Add cross view for TagView

1.0.4(2016-10-30)

1.0.3(2016-4-3)

  • Add getTags() method to get the list for all tags
  • Fixed bugs in ListView/RecyclerView

1.0.2(2016-1-18)

  • Support gravity for TagContainerLayout
  • Support set typeface

1.0.1(2016-1-14)

  • Support text direction
  • Add removeAllTags() method for remove all TagViews
  • Fixed issue #1
  • Fixed other bugs

1.0.0(2016-1-6)

  • First release

Sample App

APK

About

If you have any questions, contact me: lujun.byte#gmail.com.

License

Copyright 2015 lujun

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.

github地址

Notzuonotdied
关注
  • 0
    点赞
  • 踩
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
android tag view,HoHo
weixin_33180243的博客
05-27 385
AndroidTagView An Android TagView library. You can customize awesome TagView by using this library.Screenshots UsageStep 1Add below dependency in your build.gradle file.dependencies {compile 'co.lujun...
Android TagView
07-24
在有的应用中可能需要设置一些标签来方便用去去查询某些信息，比如手机助手或者购物软件之类都会有一些标签。对于软件开发初期来说，直接使用TextView、Button实现是最为简单的一种方式。但是这种方法也有其局限性，比如不能控制换行、耦合性低等缺点。所以除了解决这些问题之外，最好能够封装一个类库出来，方便以后使用。
Android：TagView 云标签item多种颜色设置
qq_27246079的博客
07-23 1508
TagView是一款很强大的标签库，具体的集成和使用可查看 https://www.jianshu.com/p/34dfcd546501 或： https://github.com/whilu/AndroidTagView 这一篇主要是记录一下我项目中的需求，即：需根据位置或其他规则给item设置不同的颜色  //标签集合 private List&lt;String&gt; t...
android 随机云标签（圆形）
最新发布
2401_85764574的博客
06-20 820
小编这些年深知大多数初中级Android工程师，想要提升自己，往往是自己摸索成长，自己不成体系的自学效果低效漫长且无助。因此我收集整理了一份《2024年Android移动开发全套学习资料》，初衷也很简单，就是希望能够帮助到想自学提升又不知道该从何学起的朋友。[外链图片转存中…(img-PSdR5PZy-1718826040376)]一个人可以走的很快，但一群人才能走的更远！不论你是正从事IT行业的老鸟或是对IT行业感兴趣的新人。
Android AndroidTagView
慕容丶小刀的博客
07-17 2441
AndroidTagView是一个非学好用的标签控件。他支持自定义的标签视图，支持添加标签，点击，长按弹出删除对话框，以及拖拽排序等功能。下面简单介绍一下使用： 1.添加依赖：     dependencies {         implementation （compile）   'co.lujun:androidtagview:1.1.4'        } 2.添加到布局：  ...
Android自定义控件实战——水波纹标签云TagCloud
Joker_Ya的专栏
08-14 1678
转载请声明出处http://blog.csdn.net/zhongkejingwang/article/details/38534853    标签云就是在搜索的时候给用户提供推荐的一些关键字。这个水波纹的标签云是我在实习期间写的...当时没用上，发出来记录一下。先看一下效果图：  可以上下循环滚动，触碰时随手指滑动而滚动，点击界面会暂停2秒钟。 这个标签
android 代码展示view,AndroidTagView
weixin_39844590的博客
05-26 209
第一步在build.gradle文件中添加以下依赖：dependencies{compile'co.lujun:androidtagview:1.0.0'}第二步在布局中使用AndroidTagView，你可以使用一些我们自定义的属性。android:layout_width="match_parent"android:layout_height="wrap_content"android:...
Android代码-云标签控件
08-08
Android-Cloud-TagView-Plus Introduction An Android Cloud Tag Widget. You can edit the tag's style, and set listener of selecting or deleting tag. Used in APP with ten millions of users. Screenshot ...
Android-Cloud-TagView-Plus
11-11
**Android-Cloud-TagView-Plus** 是一个专门为Android平台设计的开源项目，它提供了一种生动、可自定义的云标签（Tag）视图实现。这个库的主要目的是帮助开发者在他们的应用程序中轻松地创建类似云状展示的标签组件...
Android界面云标签效果
02-23
在Android开发中，实现“云标签”效果是一种增强用户界面互动性和美观度的常见方法。这种效果通常在搜索栏中应用，当用户输入关键字时，关键词会动态地展示出一种云飘动或随机出现的动画效果，使得用户体验更加生动...
安卓3D标签云卡片热门相关-android项目中的标签控件用于实现热门标签的功能.rar
07-29
在Android中，自定义视图可以满足开发者对界面组件的个性化需求，例如在这个案例中，它可能实现了标签云的3D旋转效果。自定义视图通常会重写`onDraw()`方法来完成自定义的绘制逻辑，并可能包含触摸事件处理，比如...
AndroidTagView 流标签
07-03
可 以 自 定 义 标 签 样 式，可 拖 动 标 签 到 指 定 位 置
Android代码-TagView
08-08
Android TagView Android TagView-HashTagView Xamarin version, written by @fernandolopes 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 Feature Editable Style of Text, such as Font size and color. Editable Style of Tag, Background/Pressed Color, Radius effect, Custom Background, Del
android 标签云的实现
02-20
标签云的实现，像是天天动听的搜索、手机市场的搜索功能。基本代码，具体美化自己做吧！
安卓标签view
09-21
label,适用于添加一些标签 Label label = new Label(this); label.setText("POP"); label.setBackgroundColor(0xff03a9f4); // label.setTargetViewInBaseAdapter(findViewById(R.id.btn), 80,10, Label.Gravity.LEFT_TOP); label.setTargetView(findViewById(R.id.btn), 4, Label.Gravity.RIGHT_BOTTOM);
Android自定义标签选择器TagView
01-11
Android自定义标签选择器TagView,花了点时间完善，希望大家能用上。
Android 简单云标签.zip
07-10
在Android开发中，"云标签"（Cloud Tags）通常指的是用户界面中的一种元素，用于展示大量标签数据，常用于搜索引擎或者分类浏览的功能。云标签设计的目的在于提供一个美观且易于用户交互的方式，来展示和筛选内容。...
探索TagView：一款创新的Android标签视图库
gitblog_00012的博客
04-17 327
探索TagView：一款创新的Android标签视图库 项目地址:https://gitcode.com/Cutta/TagView 项目简介 TagView 是由开发者Cutta创建的一款专为Android平台设计的动态标签视图库。这个项目旨在提供一种优雅且可定制的方式来展示和管理标签，无论是用于分类、关键词标注还是其他需要以标签形式展示信息的场景，TagView都能提供出色的支持。 技术分析 ...
android 标签view,android 标签view
weixin_34417272的博客
05-26 133
importandroid.content.Context;importandroid.util.AttributeSet;importandroid.view.View;importandroid.widget.ImageView;importandroid.widget.LinearLayout;importandroid.widget.TextView;importcom.sensu.and...
Android TAG
11-18
Android TAG是一个自定义的View，用于输入和显示标签。以下是一个简单的示例，演示如何在Android TAG中设置标签的样式和背景： ```xml <com.cunoraz.tagview.TagView android:id="@+id/tag_group" android:layout_width="match_parent" android:layout_height="wrap_content" android:padding="8dp" app:tagBackgroundColor="@color/white" app:tagBorderColor="@color/gray" app:tagBorderWidth="0.5dp" app:tagCornerRadius="10dp" app:tagTextPaddingBottom="4dp" app:tagTextPaddingLeft="8dp" app:tagTextPaddingRight="8dp" app:tagTextPaddingTop="4dp" app:tagTextColor="@color/blackOlive" /> ``` 在这个示例中，我们使用了一个名为TagView的自定义View，并设置了标签的背景颜色、边框颜色、边框宽度、圆角半径和文本颜色等属性。此外，我们还设置了标签文本的内边距，以便更好地显示标签。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值