php仿小红书,Android仿小红书图片标签

TagViewGroup

Android 仿小红书图片标签，实现了图片标签的动画，布局，水波纹，编辑等功能，还可以自定义 Tag。视频演示地址

Gradle

Step 1.Add it in your root build.gradle at the end of repositories:

allprojects {

repositories {

...

maven { url 'https://jitpack.io' }

}

}

Step 2.Add the dependency

dependencies {

compile 'com.github.shellljx:TagViewGroup:v1.1'

}

How to use

1. Define in xml

android:id="@+id/tagViewGroup"

android:layout_width="wrap_content"

android:layout_height="wrap_content"

app:inner_radius="4dp"

app:line_width="1dp"

app:radius="8dp"

app:ripple_alpha="100"

app:ripple_radius="20dp"

app:tilt_distance="20dp"/>

2. Or in code

TagViewGroup tagViewGroup = new TagViewGroup(getContext());

tagViewGroup.setShowAnimator(AnimatorUtils.getTagShowAnimator(tagViewGroup))

.setHideAnimator(AnimatorUtils.getTagHideAnimator(tagViewGroup))

.addTagList(tagViewList)

.setPercent(percentX,percentY)

.addRipple();

Attributes:

attr属性

description 描述

inner_radius

中心内圆半径

radius

中心外圆半径

line_width

线条宽度

v_distance

圆心到垂直折点的垂直距离

tilt_distance

圆心到斜线折点的垂直距离

ripple_alpha

水波纹起始透明度

ripple_maxRadius

水波纹最大半径

How to implement your own Tag view

Step 1. create a view implement ITagView interface.

Step 2. Override the following methods:

@Override

public void setDirection(DIRECTION direction) {

mDirection = direction;

}

@Override

public DIRECTION getDirection() {

return mDirection;

}